body{background:url(../images/bg.jpg) repeat-y; background-size:cover; min-height:1000px; padding-top:67px; font-family:'Microsoft Yahei'; font-size:16px;} .backdropIcon{position:absolute; width:60px; z-index:-1; opacity:0.5; animation:moveLeftRight 3s linear infinite;} .backdropIcon img{width:45px;} .hide{display:none;} .layout{width:100%; max-width:1000px; margin:0 auto;} .header{position:fixed; top:0; width:100%; background:#212121; z-index:1001;} .header .layout{display:flex; align-items:center; justify-content:space-between;} .header .languageWrap{display:flex; align-items:center; justify-content:space-between;} .header .languageWrap i{display:block; width:35px; height:30px; background:url(../images/header/ico_cn.png) no-repeat; background-size:contain; cursor:pointer;} .header .languageWrap i.en{background-image:url(../images/header/ico_en.png);} .header .languageWrap i:not(:last-of-type){margin-right:8px;} .header i.btnBack{display:none; width:17px; height:25px; background:url(../images/icon_back.png) no-repeat center; background-size:15px;} .mobileHeader{display:none; background:#212121; width:100%; height:65px; position:fixed; bottom:0; z-index:100001;} .mobileHeader .navMenu{position:absolute; left:0; right:0; top:-40px; margin:auto; width:50px; height:50px; padding:15px; border:4px solid #000; border-radius:100%; background:#a215ff; cursor:pointer; transition:all 0.3s; z-index:10000;} .mobileHeader .navMenu.active{z-index:100001;} .mobileHeader .navMenu i{background:url(../images/footer/ico_more.png) no-repeat center; background-size:contain; display:block; width:100%; height:100%;} .mobileHeader .navMenu.active i{background-image:url(../images/footer/ico_close.png); background-size:40px;} .mobileHeader ul{position:absolute; top:-50px; left:0; right:0; margin:auto; display:flex; justify-content:center;} .mobileHeader ul li{position:relative; opacity:1; background-color:#a215ff; margin-top:21px; width:60px; height:60px; border-radius:100%; cursor:pointer; overflow:hidden; transition:all 0.2s;} .mobileHeader ul li:nth-of-type(1){left:120px;} .mobileHeader ul li:nth-of-type(2){left:60px;} .mobileHeader ul li:nth-of-type(4){left:-60px;} .mobileHeader ul li:nth-of-type(5){left:-120px;} .mobileHeader ul.active li{opacity:1; margin-top:0; left:0; z-index:100009;} .mobileHeader ul.active li:nth-of-type(2){margin-top:-40px;} .mobileHeader ul.active li:nth-of-type(3){margin:-65px 7px 0;} .mobileHeader ul.active li:nth-of-type(4){margin-top:-40px;} .mobileHeader ul.active li:nth-of-type(5){} .mobileHeader ul li:hover,.mobileHeader ul li:active,.mobileHeader ul li.active{background-color:#fbd066;} .mobileHeader ul li a{display:block; width:100%; height:100%; background:url(../images/footer/btn_home.png) no-repeat center top 9px; background-size:25px; color:#fff; text-decoration:none; text-align:center; font-size:11px; line-height:85px; font-weight:bold;} .mobileHeader ul.active li:nth-of-type(2) a{background-image:url(../images/footer/btn_about.png);} .mobileHeader ul.active li:nth-of-type(3) a{background-image:url(../images/footer/btn_product.png);} .mobileHeader ul.active li:nth-of-type(4) a{background-image:url(../images/footer/btn_game.png);} .mobileHeader ul.active li:nth-of-type(5) a{background-image:url(../images/footer/btn_contact.png);} .nav{display:flex; align-items:center; justify-content:space-between; width:100%; white-space:nowrap; color:#fbd066;} .nav li{position:relative; margin:0 15px;} .nav li:first-of-type{margin-left:0;} .nav li:not(.logo) a{display:block; padding:20px 30px 20px 0; color:#fbd066; text-decoration:none; font-size:18px;} .nav li:not(.logo) a:after{content:''; position:absolute; top:0; bottom:0; right:10px; width:18px; height:30px; margin:auto; background:url(../images/header/nav_handle.png) right top; background-repeat:no-repeat; background-size:30px;} .nav li:not(.logo) a.active:after{background-position:left 1px top 8px;} .nav li.logo img{width:210px;} .navDrop{position:fixed; width:100%; background:#212121; padding:10px 0 20px; transition:all 0.3s; top:-300px; z-index:1000;} .navDrop.show{top:67px;} .navDrop ul{display:none; align-items:baseline; justify-content:center;} .navDrop ul.show{display:flex;} .navDrop ul li{width:113px;} .navDrop ul li:not(:last-of-type){margin-right:30px;} .navDrop ul li div{display:flex; align-items:center; justify-content:center; width:105px; height:120px; margin:0 auto; border:3px solid #fbd066; border-radius:18px; box-sizing:border-box;} .navDrop ul li div:hover{background:#fff; cursor:pointer;} .navDrop ul li div i{display:block; width:60px; height:60px; background:url(../images/header/nav_dropdown.png) no-repeat left -3px center; background-size:450px;} .navDrop ul li p{margin-top:10px; color:#fbd066; text-align:center; line-height:21px;} .navDrop ul li a{color:#fbd066; text-decoration:none;} .navDrop ul.home li:nth-of-type(2) div i{background-position:left -70px center;} .navDrop ul.home li:nth-of-type(3) div i{background-position:left -138px center;} .navDrop ul.home li:nth-of-type(4) div i{background-position:left -204px center;} .navDrop ul.home li:nth-of-type(5) div i{background-position:left -269px center;} .navDrop ul.home li:nth-of-type(6) div i{background-position:left -333px center;} .navDrop ul.home li:nth-of-type(7) div i{background-position:left -390px center;} .navDrop ul.contact li div i{background:url(../images/header/nav_contact.png) no-repeat left -60px center; background-size:126px;} .navDrop ul.contact li:nth-of-type(2) div i{background-position:left -1px center;} .navDrop ul.product li div i{background:url(../images/header/nav_product.png?1) no-repeat left -2px center; background-size:450px;} .navDrop ul.product li:nth-of-type(2) div i{background-position:left -64px center;} .navDrop ul.product li:nth-of-type(3) div i{background-position:left -127px center;} .navDrop ul.product li:nth-of-type(4) div i{background-position:left -189px center;} .navDrop ul.product li:nth-of-type(5) div i{background-position:left -252px center;} .navDrop ul.product li:nth-of-type(6) div i{background-position:left -315px center;} .navDrop ul.product li:nth-of-type(7) div i{background-position:left -381px center;} .navDrop ul.game li div i{background:url(../images/header/nav_game.png) no-repeat left -8px center; background-size:210px;} .navDrop ul.game li:nth-of-type(2) div i{background-position:left -76px center;} .navDrop ul.game li:nth-of-type(3) div i{background-position:left -145px center;} .navDrop ul.about li div i{background:url(../images/header/nav_about.png) no-repeat left -7px center; background-size:370px;} .navDrop ul.about li:nth-of-type(2) div i{background-position:left -79px center;} .navDrop ul.about li:nth-of-type(3) div i{background-position:left -150px center;} .navDrop ul.about li:nth-of-type(4) div i{background-position:left -222px center;} .navDrop ul.about li:nth-of-type(5) div i{background-position:left -301px center;} .content .slick-dots li button:before{font-size:14px; color:#a215ff; opacity:1;} .content .slick-dots li.slick-active button:before{font-size:14px; color:#fbd066;} .content .slick-prev, .content .slick-next{font-size:0; width:33px; height:33px; left:-50px; background:url(../images/game/arrow.png) left top no-repeat; background-size:65px;} .content .slick-next{background-position:right top; left:auto; right:-50px;} .content .slick-prev:before, .content .slick-next:before{display:none;} .content a.largeDotsButton{position:relative; display:inline-block; width:222px; height:60px; line-height:63px; background:url(../images/game/btn_game.png) no-repeat; background-size:cover; padding:0; margin-right:10px; font-size:20px; text-decoration:none; color:#a215ff; font-weight:bold; text-indent:-24px; cursor:pointer; text-align:center;} .content a.largeDotsButton:after{content:''; position:absolute; top:0; bottom:0; right:40px; margin:auto; width:24px; height:20px; background:url(../images/game/arrow.png) -22px 0 no-repeat; background-size:45px; } .content a.largeDotsButton:hover{color:#fbd066;} .content a.largeDotsButton:hover:after{background-position:-22px -21px;} .content{text-align:center; overflow:hidden;} .content .layout > div{padding:40px 5px 100px;} .content h1, .content h2, .content h3{background:-webkit-linear-gradient(#cc99fe, #a215ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:25px; font-size:40px; font-weight:bold; line-height:110%;} .content h3{font-size:26px; margin:10px 0;} .content h4{font-size:22px; color:#222; margin-top:10px; margin-bottom:8px;} .content h5{font-size:16px; color:#656565; margin-top:13px;} .content p{line-height:26px;} .content .layout .providerWrap{padding-bottom:130px;} .content .providerWrap .providerBanner{width:80%; margin:0 auto;} .content .providerWrap .providerBanner .imageWrap{display:flex; flex-wrap:wrap;} .content .providerWrap .providerBanner .imageWrap img{width:20%;} .content .textWrap h3{margin:30px 0 15px;} .content .textWrap p{margin-bottom:13px; line-height:28px;} .content .gamesCategoryWrap ul{display:flex; flex-wrap:wrap; justify-content:center; width:100%; margin:0 auto;} .content .gamesCategoryWrap ul li{position:relative; width:33%; cursor:pointer;} .content .gamesCategoryWrap ul li.categorySoon{cursor:initial;} .content .gamesCategoryWrap ul li > div{position:relative; top:0; transition:all 0.3s;} .content .gamesCategoryWrap ul li:not(.categorySoon) > div:hover{top:-8px;} .content .gamesCategoryWrap ul li img{display:block; width:100%;} .content .gamesCategoryWrap ul li .infoWrap{position:absolute; top:63%; left:0; right:0; margin:auto; padding:0 25px; color:#fff; font-size:16px; letter-spacing:1px;} .content .gamesCategoryWrap ul li .infoWrap h3{color:#fbd066; font-size:20px; font-weight:bold; margin-bottom:12px;} .content .gamesCategoryWrap ul li .infoWrap label{display:block; margin-bottom:8px; line-height:21px;} .content .gamesCategoryWrap ul li .infoWrap i{display:block; width:100%; height:36px; background:url(../images/game/ico_gameplay.png) center -17px; background-size:285px; margin-bottom:10px;} .content .gamesCategoryWrap ul li .infoWrap a{position:relative; display:inline-block; background:url(../images/game/btn_game.png) no-repeat center; background-size:170px; padding:13px 73px 15px 38px; color:#fff; text-decoration:none;} .content .gamesCategoryWrap ul li .infoWrap a:after{content:''; position:absolute; top:0; bottom:0; right:40px; margin:auto; width:24px; height:20px; background:url(../images/game/arrow.png) -22px -42px no-repeat; background-size:45px; } .content .gamesCategoryWrap ul li .infoWrap a:hover{color:#fbd066;} .content .gamesCategoryWrap ul li .infoWrap a:hover:after{background-position:-22px -21px;} .content .gamesCategoryWrap ul li.categoryEsports .infoWrap, .content .gamesCategoryWrap ul li.categorySoon .infoWrap{margin-top:35px;} .content .gamesCategoryWrap ul li.categorySports .infoWrap i{background-position:center -61px;} .content .gamesCategoryWrap ul li.categorySlots .infoWrap i{background-position:center -109px;} .content .gamesCategoryWrap ul li.categoryChess .infoWrap i{background-position:center -154px;} .content .gamesCategoryWrap ul li.categoryLottery .infoWrap i{background-position:center -199px;} .content .gamesCategoryWrap ul li.categoryFish .infoWrap i{background-position:center -245px;} .content .currencyWrap{position:relative; width:950px; margin:0 auto;} .content .currencyWrap > h2{margin-bottom:79px;} .content .currencyWrap .platformTableFrame{position:absolute; top:131px; left:-20px; right:0; margin:0 auto; width:1001px; height:609px; z-index:-1;} .content .currencyWrap .platformTable{width:950px; margin:0 auto; border-radius:25px; overflow:hidden;} .content .currencyWrap .platformTable td{position:relative; width:155px; height:45px; vertical-align:middle; background:#fff; border:1px solid #fbd066;} .content .currencyWrap .platformTable td:first-of-type{width:200px; color:#212121;} .content .currencyWrap .platformTable td img{display:block; width:100%; max-width:100px; margin:0 auto;} .content .currencyWrap .platformTable td i{display:block; width:27px; height:27px; margin:0 auto; background:url(../images/game/support_list_tick_cross.png) no-repeat center top; background-size:27px;} .content .currencyWrap .platformTable td .iconCross{background-position:center bottom;} .content .currencyWrap .platformTable tr:first-of-type td:first-of-type{color:#656565;} .content .currencyWrap .platformTable tr:first-of-type td, .content .currencyWrap .platformTable tr td:first-of-type{background:#f5f4f6;} .content .currencyWrap .platformTable tr:not(:first-of-type) td:first-of-type{text-indent:20px;} .content .currencyWrap .platformTable tr:not(:first-of-type) td:first-of-type:before{content:''; position:absolute; top:0; bottom:0; left:10px; width:30px; height:30px; margin:auto; background:#f5f4f6 url(../images/game/ico_country_currency.png) no-repeat -7px top; background-size:195px;} .content .currencyWrap .platformTable tr:nth-of-type(3) td:first-of-type:before{background-position:-7px bottom;} .content .currencyWrap .platformTable tr:nth-of-type(4) td:first-of-type:before{background-position:-37px top;} .content .currencyWrap .platformTable tr:nth-of-type(5) td:first-of-type:before{background-position:-37px bottom;} .content .currencyWrap .platformTable tr:nth-of-type(6) td:first-of-type:before{background-position:-67px top;} .content .currencyWrap .platformTable tr:nth-of-type(7) td:first-of-type:before{background-position:-67px bottom;} .content .currencyWrap .platformTable tr:nth-of-type(8) td:first-of-type:before{background-position:-157px bottom;} .content .currencyWrap .platformTable tr:nth-of-type(9) td:first-of-type:before{background-position:-97px top;} .content .currencyWrap .platformTable tr:nth-of-type(10) td:first-of-type:before{background-position:-97px bottom;} .content .currencyWrap .platformTable tr:nth-of-type(11) td:first-of-type:before{background-position:-127px top;} .content .currencyWrap .platformTable tr:nth-of-type(12) td:first-of-type:before{background-position:-127px bottom;} .content .currencyWrap .platformBannerWrap.mobile{display:none;} .content .currencyWrap .platformBanner .slick-prev{left:-85px;} .content .currencyWrap .platformBanner .slick-next{right:-85px;} .content .currencyWrap .platformBanner .slick-dots{bottom:-75px;} /* contact page */ .content .contactWrap{position:relative; height:585px; padding:179px 5px 40px 356px !important; box-sizing:border-box;} .content .contactWrap > img{position:absolute; top:0; left:0; right:0; height:100%; margin:auto;} .content .contactWrap h2{font-size:70px; font-style:italic; letter-spacing:8px;} .content .contactWrap .buttonWrap{margin:52px 0 0 94px;} .content .contactWrap .buttonWrap a{position:relative; display:inline-block; width:222px; height:60px; line-height:63px; background:url(../images/game/btn_game.png) no-repeat; background-size:cover; padding:0; margin-right:10px; font-size:20px; text-decoration:none; color:#a215ff; font-weight:bold; text-indent:-24px;} .content .contactWrap .buttonWrap a:after{content:''; position:absolute; top:0; bottom:0; right:40px; margin:auto; width:24px; height:20px; background:url(../images/game/arrow.png) -22px 0 no-repeat; background-size:45px; } .content .contactWrap .buttonWrap a:hover{color:#fbd066;} .content .contactWrap .buttonWrap a:hover:after{background-position:-22px -21px;} .content .callUsWrap .ipadWrapper{padding:10px 0;} .content .callUsWrap .ipadWrapper .contactMethod{display:flex; align-items:center; border-bottom:1px solid #656565;} .content .callUsWrap .ipadWrapper .contactMethod li{margin-right:30px; color:#656565; font-size:24px; border-bottom:2px solid #fff; line-height:40px; font-weight:bold; cursor:pointer;} .content .callUsWrap .ipadWrapper .contactMethod li.current{color:#a215ff; border-color:#a215ff;} .content .callUsWrap .ipadWrapper .sectionContact{display:none; position:relative;} .content .callUsWrap .ipadWrapper .sectionContact.show{display:block} .content .callUsWrap .ipadWrapper .contactTitle{position:relative; width:96px; margin:15px 0 0; background:#f5f4f6; padding:4px 11px 4px 26px; border-radius:4px; background-color:#565656; color:#fff; cursor:pointer;} .content .callUsWrap .ipadWrapper .contactTitle:before{content:''; position:absolute; left:5px; top:2px; width:16px; height:18px; background:url(../images/contact/ico_sales_agent.png) -14px 2px no-repeat; background-size:29px;} .content .callUsWrap .ipadWrapper .contactDetails{display:flex; align-items:center; flex-wrap:wrap; color:#a215ff; line-height:25px;} .content .callUsWrap .ipadWrapper .contactDetails > div{position:relative; top:0; width:20%; height:196px; background:linear-gradient(to bottom, #ffffff, #f5f4f6); box-shadow:0 0 13px #ccc; margin:17px 65px; padding:45px 10px; box-sizing:border-box; border-radius:10px; cursor:pointer;} .content .callUsWrap .ipadWrapper .contactDetails > div:nth-of-type(1n){margin-left:0;} .content .callUsWrap .ipadWrapper .contactDetails > div:nth-of-type(4n){margin-right:0;} .content .callUsWrap .ipadWrapper .contactDetails i{display:block; width:44px; height:41px; margin:0 auto 15px; background:url(../images/contact/ico_sales_contact.png) no-repeat center top -7px; background-size:60px;} .content .callUsWrap .ipadWrapper .contactDetails .conTelegram i{background-position:center -53px;} .content .callUsWrap .ipadWrapper .contactDetails .conSkype i{background-position:center -99px;} .content .callUsWrap .ipadWrapper .contactDetails .conPhone i{background-position:center -146px;} .content .callUsWrap .ipadWrapper .contactDetails .conEmail i{background-position:center -192px;} .content .callUsWrap .ipadWrapper .contactDetails p{margin-top:5px; font-weight:bold;} .content .callUsWrap .ipadWrapper .contactDetails span{font-size:14px;} .content .callUsWrap .ipadWrapper .contactDetails .qrCode{display:none; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:100%; height:100%; max-width:150px; max-height:150px;} .content .callUsWrap .ipadWrapper .contactDetails > div.current, .content .callUsWrap .ipadWrapper .contactDetails > div:hover{top:-8px; background:linear-gradient(to bottom, #cc99fe, #a215ff); color:#fff; transition:all 0.3s;} .content .callUsWrap .ipadWrapper .contactDetails > div.conWhatsapp.current, .content .callUsWrap .ipadWrapper .contactDetails > div.conWhatsapp:hover, .content .callUsWrap .ipadWrapper .contactDetails > div.conTelegram.current, .content .callUsWrap .ipadWrapper .contactDetails > div.conTelegram:hover, .content .callUsWrap .ipadWrapper .contactDetails > div.conSkype.current, .content .callUsWrap .ipadWrapper .contactDetails > div.conSkype:hover{font-size:0;} .content .callUsWrap .ipadWrapper .contactDetails > div.current .qrCode, .content .callUsWrap .ipadWrapper .contactDetails > div:hover .qrCode{display:block;} .content .callUsWrap .ipadWrapper .contactDetails > div a{color:#a215ff; text-decoration:none;} .content .callUsWrap .ipadWrapper .contactDetails > div a:hover{color:#fff;} .content .callUsWrap .ipadWrapper .contactDetails > div a img{width:100%;} .content .callUsWrap .ipadWrapper .sectionChat{width:100%; overflow:hidden;} .content .callUsWrap .ipadWrapper .sectionChat i{position:absolute; left:0; bottom:0; width:101%; height:50px; background:#fff; z-index:5;} .content .callUsWrap .ipadWrapper .sectionContact iframe{width:100%; height:740px;} .content .recruitWrap{display:flex; align-items:center; padding-bottom:15px !important; text-align:left; box-sizing:border-box;} .content .recruitWrap img{width:50%; margin-left:-23px;} .content .recruitWrap > div{margin-left:100px;} .content .recruitWrap h2{font-size:50px; letter-spacing:3px;} .content .recruitWrap p{line-height:22px; letter-spacing:1px;} .content .recruitWrap p span{display:block; margin-bottom:20px;} .content .recruitWrap a{color:#a215ff; text-decoration:none;} /* END: contact page */ /* product page */ .marketWrap .mapDescWrap{display:flex; justify-content:center; text-align:left; line-height:23px;} .marketWrap .mapDescWrap > div{width:50%;} .marketWrap .mapDescWrap .countryList{position:relative; margin-right:50px;} .marketWrap .mapDescWrap .countryList img{display:block; width:120%; margin:136px 0 0 -50px;} .marketWrap .mapDescWrap .countryList i{position:absolute; background:url(../images/product/ico_country.png) no-repeat left -6px top; background-size:401px; width:41px; height:165px; cursor:pointer; box-sizing:border-box; font-size:0px;} .marketWrap .mapDescWrap .countryList i.china{top:146px; left:312px; z-index:77;} .marketWrap .mapDescWrap .countryList i.vietnam{background-position:-88px top; height:130px; top:219px; left:350px; z-index:88;} .marketWrap .mapDescWrap .countryList i.thailand{background-position:-163px top; height:90px; top:273px; left:338px; z-index:99;} .marketWrap .mapDescWrap .countryList i.india{background-position:-241px top; height:71px; top:290px; left:251px; z-index:100;} .marketWrap .mapDescWrap .countryList i.indonesia{background-position:-319px top; height:66px; top:349px; left:383px; z-index:101;} .marketWrap .mapDescWrap .countryList i.china:hover, .marketWrap .mapDescWrap .countryList i.china.current{background-position:-6px -163px;} .marketWrap .mapDescWrap .countryList i.vietnam:hover, .marketWrap .mapDescWrap .countryList i.vietnam.current{background-position:-88px -163px;} .marketWrap .mapDescWrap .countryList i.thailand:hover, .marketWrap .mapDescWrap .countryList i.thailand.current{background-position:-163px -163px;} .marketWrap .mapDescWrap .countryList i.india:hover, .marketWrap .mapDescWrap .countryList i.india.current{background-position:-241px -163px;} .marketWrap .mapDescWrap .countryList i.indonesia:hover, .marketWrap .mapDescWrap .countryList i.indonesia.current{background-position:-319px -163px;} .marketWrap .mapDescWrap .countryList i:hover, .marketWrap .mapDescWrap .countryList i.current{width:75px; padding:11px 0 0 42px; font-size:12px;} .marketWrap .mapDescWrap .countryList i:hover{margin-top:-20px; transition:margin-top 0.5s ease-in 0s;} .marketWrap .mapDescWrap .countryList p{color:#888; font-style:italic; font-size:12px; letter-spacing:0.5px; line-height:17px;} .marketWrap .mapDescWrap .countryDescription .title{color:#a215ff; text-align:center; font-size:30px; font-weight:bold; margin-bottom:30px; line-height:40px;} .marketWrap .mapDescWrap .countryDescription .purple{color:#a215ff;} .marketWrap .mapDescWrap .countryDescription{position:relative; background:rgba(237, 221, 248, 0.7); border-radius:8px; overflow:hidden;} .marketWrap .mapDescWrap .countryDescription > div{position:absolute; display:block; width:430px; top:15px; right:-450px; height:100%; opacity:0; transition:all 0.3s linear 0s;} .marketWrap .mapDescWrap .countryDescription > div.current{right:20px; opacity:1;} .marketWrap .mapDescWrap .countryDescription p{margin-bottom:15px;} .marketWrap .mapDescWrap .countryDescription ul li{position:relative; padding-left:35px; margin-bottom:12px;} .marketWrap .mapDescWrap .countryDescription ul li:before{content:''; position:absolute; top:2px; bottom:0; left:0; width:24px; height:20px; background:url(../images/game/arrow.png) -22px 0 no-repeat; background-size:45px; } .marketWrap .mapDescWrap .countryDescription a{position:relative; display:inline-block; width:222px; height:60px; line-height:63px; background:url(../images/game/btn_game.png) no-repeat; background-size:cover; padding:0; margin:15px 10px 0 0; font-size:20px; text-decoration:none; color:#a215ff; font-weight:bold; text-indent:-24px; text-align:center;} .marketWrap .mapDescWrap .countryDescription a:after{content:''; position:absolute; top:0; bottom:0; right:22px; margin:auto; width:24px; height:20px; background:url(../images/game/arrow.png) -22px 0 no-repeat; background-size:45px; } .marketWrap .mapDescWrap .countryDescription a:hover{color:#fbd066;} .marketWrap .mapDescWrap .countryDescription a:hover:after{background-position:-22px -21px;} .templatesWrap{overflow-x:hidden;} .templatesWrap .templateFlexBox{display:flex; align-items:center;} .templatesWrap .templateBoxBottom{margin-top:-230px;} .templatesWrap .templateFlexBox img{margin:0 30px 0 50px;} .backOfficeSystemWrap .rouletteInfo{display:flex;} .backOfficeSystemWrap .rouletteWrap{position:relative;} .backOfficeSystemWrap .rouletteWrap img{cursor:pointer;} .backOfficeSystemWrap .rouletteNode{transform:rotate(0deg);} .backOfficeSystemWrap .rouletteWrap i{position:absolute; top:50px; left:1px; right:0; margin:auto; width:247px; height:339px; background:url(../images/product/bo_system_roulette_needle.png) no-repeat; background-size:100%; cursor:pointer; transform-origin:123px 246px; transition:transform 1s;} .backOfficeSystemWrap .rouletteWrap i:before{content:'后台系统'; position:absolute; bottom:50px; left:0; right:0; margin:auto; font-size:30px; color:#a215ff; width:35%; font-weight:bold; letter-spacing:2px; line-height:38px;} .backOfficeSystemWrap .rouletteWrap .rouletteHover{position:absolute; top:50px; left:1px; right:0; margin:auto; transform-origin:bottom; transform:rotate(0deg);} .rouletteDescription{position:relative; width:330px; height:640px; margin-left:70px; text-align:left; overflow:hidden;} .rouletteDescription > div{position:absolute; display:block; width:100%; height:100%; background:rgba(237, 221, 248, 0.7); border-radius:8px; padding:20px; opacity:0; left:500px; top:0; transition:all 0.3s linear 0s; box-sizing:border-box;} .rouletteDescription > div.current{opacity:1; left:0;} .rouletteDescription .title{margin-bottom:30px; color:#a215ff; font-size:25px; font-weight:bold;} .rouletteDescription ul li{position:relative; padding:5px 0 5px 75px; margin-bottom:15px; } .rouletteDescription ul li:before{content:''; background:url(../images/product/bo_system_icon.png) no-repeat -370px -17px; background-size:444px; width:62px; height:50px; position:absolute; top:0; left:0;} .rouletteDescription ul li p{font-size:16px; font-weight:bold; margin-bottom:5px;} .rouletteDescription ul li span{color:#565656; font-size:12px;} .rouletteDescription .descSystem ul li:nth-of-type(2):before{background-position: -370px -66px;} .rouletteDescription .descSystem ul li:nth-of-type(3):before{background-position: -370px -122px;} .rouletteDescription .descSystem ul li:nth-of-type(4):before{background-position: -370px -174px;} .rouletteDescription .descSystem ul li:nth-of-type(5):before{background-position: -370px -225px;} .rouletteDescription .descSystem ul li:nth-of-type(6):before{background-position: -370px -276px;} .rouletteDescription .descSystem ul li:nth-of-type(7):before{background-position: -370px -325px;} .rouletteDescription .descSystem ul li:nth-of-type(8):before{background-position: -370px -380px;} .rouletteDescription .descSystem ul li:nth-of-type(9):before{background-position: -370px -435px;} .rouletteDescription .descPlayer ul li:nth-of-type(1):before{background-position: -14px -15px;} .rouletteDescription .descPlayer ul li:nth-of-type(2):before{background-position: -14px -69px;} .rouletteDescription .descPlayer ul li:nth-of-type(3):before{background-position: -14px -121px;} .rouletteDescription .descPlayer ul li:nth-of-type(4):before{background-position: -14px -172px;} .rouletteDescription .descAgent ul li:nth-of-type(1):before{background-position: -90px -18px;} .rouletteDescription .descAgent ul li:nth-of-type(2):before{background-position: -90px -66px;} .rouletteDescription .descAgent ul li:nth-of-type(3):before{background-position: -90px -111px;} .rouletteDescription .descAgent ul li:nth-of-type(4):before{background-position: -90px -172px;} .rouletteDescription .descReporting ul li:nth-of-type(1):before{background-position: -170px -16px;} .rouletteDescription .descReporting ul li:nth-of-type(2):before{background-position: -170px -71px;} .rouletteDescription .descReporting ul li:nth-of-type(3):before{background-position: -170px -120px;} .rouletteDescription .descReporting ul li:nth-of-type(4):before{background-position: -170px -166px;} .rouletteDescription .descFunds ul li:nth-of-type(1):before{background-position: -239px -18px;} .rouletteDescription .descFunds ul li:nth-of-type(2):before{background-position: -239px -71px;} .rouletteDescription .descFunds ul li:nth-of-type(3):before{background-position: -239px -117px;} .rouletteDescription .descFunds ul li:nth-of-type(4):before{background-position: -239px -163px;} .rouletteDescription .descTeamManagement ul li:nth-of-type(1):before{background-position: -310px -16px;} .rouletteDescription .descTeamManagement ul li:nth-of-type(2):before{background-position: -310px -69px;} .rouletteDescription .descTeamManagement ul li:nth-of-type(3):before{background-position: -310px -119px;} .sportsAppWrap img{width:100%;} .content .sportsAppWrap .largeDotsButton{margin:10px auto 0;} .content .sportsAppWrap .largeDotsButton:after{right:16px;} .otherServiceWrap .cardList{display:flex; align-items:center; justify-content:center;} .otherServiceWrap .cardList li{position:relative; width:23%; margin:0 10px; color:#a215ff;} .otherServiceWrap .cardList li img{width:100%;} .otherServiceWrap .cardList li .cardContent{position:absolute; height:45%; top:0; bottom:0; left:0; right:0; margin:auto; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height:23px; text-align:center;} .otherServiceWrap .cardList li .cardContent i{width:80px; height:80px; background:url(../images/product/othersrv_icon.png) no-repeat center left -21px; background-size:450px;} .otherServiceWrap .cardList li:nth-of-type(2) .cardContent i{background-position:center left -125px;} .otherServiceWrap .cardList li:nth-of-type(3) .cardContent i{background-position:center left -227px; width:90px;} .otherServiceWrap .cardList li:nth-of-type(4) .cardContent i{background-position:center left -350px;} .otherServiceWrap .cardList li .cardContent span{display:block; width:90%; font-weight:bold; letter-spacing:2px;} .flowWrap img{width:96%;} .flowWrap img.mobile{display:none;} .flowWrap img.mobileS{display:none;} .flowWrap ul{display:flex; justify-content:space-between;} .flowWrap ul li{width:15%; line-height:22px; color:#565656;} .flowWrap ul li:nth-of-type(1),.flowWrap ul li:nth-of-type(3),.flowWrap ul li:nth-of-type(5){margin-top:-100px;} .flowWrap ul li:nth-of-type(4){width:19%;} .flowWrap ul li:nth-of-type(3){margin-left:26px;} .flowWrap ul li:nth-of-type(2){margin-left:13px;} .content .contactWrap.contactProduct > img{right:auto;} /* END: product page */ /* home page */ .homeBanner{position:relative;} .homeBanner.slick-dotted.slick-slider{margin-bottom:0;} .homeBanner .slick-dots{bottom:10px;} .homeBanner .slick-dots li{margin:0 10px;} .kzVideoWrap .descWrap{display:none; align-items:center; margin-bottom:20px;} .kzVideoWrap .descWrap.show{display:flex; width:90%;} .kzVideoWrap .descWrap > p, .kzVideoWrap .descWrap > h2{text-align:left; padding-left:20px; line-height:22px;} .kzVideoWrap .descWrap > h2{width:27%; margin-bottom:0; padding-right:20px; font-weight:bold; font-size:22px; border-right:1px solid #222; text-align:right; line-height:27px; letter-spacing:1px; -webkit-text-fill-color:#000;} .kzVideoCaroursel .thumbnailWrap{position:relative;} .kzVideoCaroursel .thumbnailWrap i{display:none; width:28px; height:30px; position:absolute; top:0; bottom:0; left:5%; margin:auto; background:url(../images/game/arrow.png) no-repeat left top; background-size:57px; cursor:pointer;} .kzVideoCaroursel .thumbnailWrap i.next{left:auto; right:5%; background-position:right top;} .kzVideoCaroursel .thumbnailWrap i:hover{opacity:0.7;} .kzVideoCaroursel ul{display:flex; align-items:center; justify-content:center; width:80%; margin:20px auto 0;} .kzVideoCaroursel ul li{position:relative; margin:0 15px;} .kzVideoCaroursel ul li img{border:4px solid #a215ff;} .kzVideoCaroursel ul li h3{position:absolute; bottom:4px; left:4px; width:100%; font-size:12px; color:#fff; background:rgba(0, 0, 0, 0.3); line-height:30px;} .kzVideoCaroursel ul li:hover img, .kzVideoCaroursel ul li.current img{border-color:#fbd066; transition:all 0.3s;} .kzVideoCaroursel iframe{width:90%; height:500px; border:6px solid #fbd066;} .kzVideoWrap .kzIntroWrap{position:relative; margin-top:50px;} .kzVideoWrap .kzIntroWrap .mainTitle{position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:90px; margin:auto; color:#fbd066; font-weight:bold; font-size:36px; -webkit-text-fill-color:#fbd066; line-height:44px;} .kzVideoWrap .kzIntroWrap > div{display:flex; justify-content:center; align-items:flex-start;} .kzVideoWrap .kzIntroWrap > div.introBottom{align-items:flex-end; margin-top:-147px;} .kzVideoWrap .kzIntroWrap > div > div{display:flex; align-items:center; flex-wrap:wrap; justify-content:center; width:22%; height:234px; background:linear-gradient(to bottom, #fefcfd, #ededed); box-shadow:0 0 20px #aaa; padding:30px; margin:18px; border-radius:20px; text-align:center; box-sizing:border-box; color:#a215ff; overflow:hidden; cursor:pointer;} .kzVideoWrap .kzIntroWrap > div > div:after{content:''; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; background:linear-gradient(to bottom, #cc99fe, #a215ff); transition:all 0.5s;} .kzVideoWrap .kzIntroWrap > div > div:hover{color:#fff;} .kzVideoWrap .kzIntroWrap > div > div:hover:after{opacity:1; z-index:-1;} .kzVideoWrap .kzIntroWrap > div > div p{width:100%; font-size:24px; font-weight:bold; margin-top:15px; line-height:29px; letter-spacing:3px;} .kzVideoWrap .kzIntroWrap > div > div i{display:block; width:110px; height:90px; background:url(../images/home/icon_intro.png) no-repeat 0 0; background-size:600px;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(1), .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(3){height:378px; padding:115px 30px;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(2) i{background-position:-498px 0;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(3) i{background-position:-402px 0;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(1) i{background-position:-103px 0px;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(2) i{background-position:-304px 0px;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(3) i{background-position:-203px 0px;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(1):hover i{background-position:1px -88px;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(2):hover i{background-position:-497px -87px;} .kzVideoWrap .kzIntroWrap > .introTop > div:nth-of-type(3):hover i{background-position:-402px -90px;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(1):hover i{background-position:-103px -90px;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(2):hover i{background-position:-304px -90px;} .kzVideoWrap .kzIntroWrap > .introBottom > div:nth-of-type(3):hover i{background-position:-203px -90px;} .content .contactWrap.contactHome{padding-left:400px;} .content .contactWrap.contactHome > img{right:auto; margin-left:-55px;} .webBuildingWrap{display:flex; align-items:center; justify-content:center;} .webBuildingWrap > div:first-of-type{margin-right:80px;} .faqWrap h3{font-size:16px; font-weight:bold; margin-bottom:8px;} .faqWrap h3:not(:first-of-type){margin-top:20px;} .faqWrap p{margin-bottom:8px; line-height:24px;} .fifaCountdownWrap{display:flex; align-items:center; width:100%; height:230px; background:url(../images/home/fifa_bg.png) no-repeat center top; background-size:cover; box-sizing:border-box; color:#fff; -webkit-user-select:none; user-select:none;} .fifaCountdownWrap .fifaTimer{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; max-width:1200px; margin:0 auto;} .fifaCountdownWrap .fifaTimer > p{margin:0 40px; white-space:nowrap; font-size:32px; line-height:42px; letter-spacing:2px; text-shadow:0px 0px 5px #000;} .fifaCountdownWrap .timer{display:flex; align-items:center; justify-content:center;} .fifaCountdownWrap .timer span{font-size:40px; font-weight:bold; text-shadow:0 0 5px #555; margin:0 20px;} .fifaCountdownWrap .timer span label{display:block; margin-top:15px; font-size:14px; font-weight:normal; letter-spacing:1px;} .fifaCountdownWrap .timer i{width:30px; height:30px; background:url(../images/home/fifa_diamond.png) no-repeat center top; background-size:contain;} .fifaCountdownWrap .timer > p{height:60px; background:url(../images/home/fifa_soccer.png) no-repeat left top 19px; padding-left:38px; font-size:40px; text-shadow:1px 1px 5px #000; letter-spacing:8px; margin-top:-29px;} .fifaCountdownWrap .timer > p:last-of-type{margin-left:2px; padding:0 31px 0 0; background-position-x:right;} /* END: home page */ /* about page */ .aboutUsWrap{display:flex; align-items:center; justify-content:center;} .aboutUsWrap h2{letter-spacing:4px;} .aboutUsWrap img{width:36%;} .aboutUsWrap > div{margin-left:40px;} .aboutUsWrap > div ul li{position:relative; padding-left:35px; text-align:left; line-height:25px; letter-spacing:1px; margin-bottom:10px; font-size:20px;} .aboutUsWrap > div ul li:before{content:''; position:absolute; top:2px; left:0; width:24px; height:24px; background:url(../images/about/arrow_black.png) no-repeat right center; background-size:3rem;} .slotsMachineWrap{position:relative; width:1000px; height:630px; padding-top:56px !important; background:url(../images/about/slot_machine.png) no-repeat center; background-size:100%; box-sizing:border-box;} .slotsMachineWrap.mobile{display:none;} .slotsMachineWrap h2{margin:0 0 95px -85px;} .slotsMachineWrap .slotsTable{display:flex; align-items:center; width:79%; height:340px; margin-left:7%;} .slotsMachineWrap .slotsTable .slotsColumn{width:27%; height:100%; margin-right:2%; border-radius:100px; color:#a215ff; font-weight:bold; font-size:24px; text-align:center; overflow:hidden;} .slotsMachineWrap .slotsTable .slotsColumn:nth-of-type(2){width:31%;} .slotsMachineWrap .slotsTable .slotsColumn:last-of-type{width:39%; margin-right:0; font-size:18px; color:#212121; font-weight:normal;} .slotsMachineWrap .slotsTable .slotsColumn ul{position:relative; top:0; transition:all 0.4s;} .slotsMachineWrap .slotsTable .slotsColumn ul li{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; height:340px; padding:15px; box-sizing:border-box; overflow:hidden;} .slotsMachineWrap .slotsTable .slotsColumn:last-of-type ul li{justify-content:flex-start; padding:25px; font-size:16px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span{position:relative; display:block; padding-left:35px; text-align:left; line-height:25px; margin-bottom:10px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{content:''; position:absolute; top:2px; left:0; width:24px; height:24px; background:url(../images/about/arrow_black.png) no-repeat right center; background-size:3rem;} .slotsMachineWrap .slotsHandle img, .slotsMachineWrap .slotsHandle i{position:absolute; width:200px; height:280px; right:-50px; top:-100px; bottom:0; margin:auto; transform-origin:left bottom; transition:all 0.4s; z-index:-1; cursor:pointer;} .slotsMachineWrap .slotsHandle i{z-index:100;} .slotsMachineWrap .slotsHandle .hints{position:absolute; width:85px; height:200px; right:-35px; top:-480px; bottom:0; margin:auto; background:url(../images/about/direction.gif) no-repeat center; z-index:2;} .newsWrap img{width:100%;} .content .newsWrap a.largeDotsButton{display:block; margin:10px auto 0;} .modAbout .otherServiceWrap .cardList{flex-wrap:wrap;} .modAbout .otherServiceWrap .cardList li{width:22%;} .modAbout .otherServiceWrap .cardList li .cardContent i{width:80px; height:80px; background:url(../images/about/brand_adv.png) no-repeat center left -32px; background-size:700px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(2) .cardContent i{background-position:center left -130px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(3) .cardContent i{background-position:center left -229px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(4) .cardContent i{background-position:center left -330px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(5) .cardContent i{background-position:center left -428px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(6) .cardContent i{background-position:center left -514px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(7) .cardContent i{background-position:center left -594px;} .clientsWrap h2{margin-bottom:35px;} .clientsWrap .clientList.mis-slider li img{max-width:240px; width:100%; border-radius:135px; border:none;} .clientsWrap .clientList .mis-slide{position:relative; width:240px; height:260px; padding:10px; margin-top:-18px;} .clientsWrap .clientList .mis-slide .clientLogo{position:absolute; top:28%; left:0; right:0; margin:auto; width:32%;} .clientsWrap .mis-nav-buttons{width:100% !important; height:100%; left:0 !important;} .clientsWrap .mis-nav-buttons a{width:33px; height:33px !important; padding-top:0 !important; top:85px; left:-50px; background:url(../images/game/arrow.png) left top no-repeat; background-size:65px;} .clientsWrap .mis-nav-buttons a.mis-next{background-position:right top} .clientsWrap .mis-nav-buttons a:hover{opacity:0.7;} .clientsWrap .mis-nav-buttons a:before, .clientsWrap .mis-nav-buttons a:after{display:none !important;} .content .contactWrap.contactAbout{height:520px; padding-left:400px; padding-top:50px;} .content .contactWrap.contactAbout > img{right:auto; margin-left:-65px;} /* END: about page */ /* news page */ .newsWrap{padding-top:10px !important;} .newsWrap .newsCategory{display:flex; flex-wrap:wrap; align-items:center;} .newsWrap .newsCategory li{padding:6px 35px; margin:0 8px 10px; background:linear-gradient(to bottom, #fefcfd, #ededed); color:#333; box-shadow:0 0 8px #aaa; border-radius:8px; transition:all 0.3s; font-weight:bold; font-size:18px; line-height:24px; cursor:pointer;} .newsWrap .newsCategory li.current{background:linear-gradient(to bottom, #cc99fe, #a215ff); color:#fff;} .newsWrap .newsList{display:flex; flex-wrap:wrap; margin-top:30px;} .newsWrap .newsList li{width:23%; min-width:210px; margin:0 1% 30px;} .newsWrap .newsList li a{text-decoration:none; color:#222;} .newsWrap .newsList li img{width:100%;} .newsWrap .newsList li p{margin-top:10px;} .newsWrap .iconMoreNews{display:inline-block; padding:6px 45px 6px 35px; margin:0 8px 10px; background:url(../images/news/icon_more.png) no-repeat center right 15px, linear-gradient(to bottom, #fefcfd, #ededed); background-size:20px; color:#333; box-shadow:0 0 8px #aaa; border-radius:8px; transition:all 0.3s; font-weight:bold; font-size:18px; line-height:24px; cursor:pointer;} .articleWrap{text-align:justify; line-height:26px;} .articleWrap .bold{font-weight:bold;} .articleWrap .italic{font-style:italic;} .articleWrap .underline{text-decoration:underline;} .articleWrap .normal{font-weight:normal;} .articleWrap .alignCenter{text-align:center;} .articleWrap .alignLeft{text-align:left;} .articleWrap .alignRight{text-align:right;} .articleWrap .flexBox{display:flex;} .articleWrap .alignItemsCenter{align-items:center;} .articleWrap img{display:block; max-width:100%; margin:25px auto 12px;} .articleWrap img.alignLeft{margin:25px 0 12px;} .articleWrap img:first-of-type{max-width:100%;} .articleWrap h1, .articleWrap h2{background:none; color:#222; -webkit-text-fill-color:initial; font-size:30px; text-align:center; margin:25px 0;} .articleWrap h2{text-align:left; font-size:24px !important;} .articleWrap h3{font-weight:bold; font-size:20px; margin-bottom:10px;} .articleWrap h4{font-weight:bold; font-size:16px; margin-bottom:10px;} .articleWrap ol{list-style:decimal; margin-left:25px; margin-bottom:20px;} .articleWrap ul.bulletList, .articleWrap ul.alphaList, .articleWrap ul.romanList, .articleWrap ul.squareList{list-style:disc; margin-left:25px; margin-bottom:20px;} .articleWrap ul.alphaList{list-style:lower-alpha;} .articleWrap ul.romanList{list-style:lower-roman;} .articleWrap ul.squareList{list-style:square;} .articleWrap ol ul, .articleWrap ul ol{margin-bottom:0 !important;} .articleWrap p{margin:5px 0 20px;} .articleWrap a,.articleWrap a:hover,.articleWrap a:active,.articleWrap a:visited{color:blue; text-decoration:none;} .articleWrap a:hover{text-decoration:underline;} .articleWrap .articleHeader p{color:#999; margin-bottom:10px;} .articleWrap .articleHeader h2{margin:12px 0;} .articleWrap .articleFooter .sharingWrap{display:flex; align-items:center; justify-content:center; margin:50px 0;} .articleWrap .articleFooter .sharingWrap img{height:40px; margin:0 8px;} .articleWrap .articleFooter .sharingWrap .sharingTitle{margin:7px 20px 0 0;} .articleWrap .articleFooter .sharingWrap .sharingTitle img{height:30px;} .articleWrap .articleFooter .sharingWrap .sharingTitle p{margin:0; color:#a712ff; text-indent:9px; font-size:14px; line-height:20px;} .articleWrap .articleFooter .recommendedArticle > h2{color:#555; margin-bottom:8px;} .articleWrap .articleFooter .recommendedArticle .articleList{width:90%; padding:0 10px; margin:0 auto; box-sizing:border-box;} .articleWrap .articleFooter .recommendedArticle .articleList li{margin:0 10px;} .articleWrap .articleFooter .recommendedArticle .articleList li img{transition:all 0.2s;} .articleWrap .articleFooter .recommendedArticle .articleList li:hover img{opacity:0.8;} .articleWrap .articleFooter .recommendedArticle .articleList li a{text-align:center; text-decoration:none; color:#222;} .articleWrap .articleFooter .recommendedArticle .articleList li p{line-height:18px;} .articleWrap .imgWrap{display:flex; justify-content:center; align-items:center;} .articleWrap .imgWrap img{margin-left:0; margin-right:20px; max-width:48%;} .articleWrap table th, .articleWrap table td{padding:8px 12px; border:1px solid #333;} .articleWrap table th{font-weight:bold; text-align:center;} /* END: news page */ /* app page */ .modApp .content > div{padding:100px 5px 100px;} .modApp .content > div:not(.fullWidth){width:100%; max-width:1000px; margin:0 auto;} .appSelectionWrap .appList{display:flex; justify-content:space-around; margin-top:50px;} .appSelectionWrap .appList p{width:100px; padding:6px 35px; margin:0 auto 25px; background:linear-gradient(to bottom, #fefcfd, #ededed); color:#333; box-shadow:0 0 8px #aaa; border-radius:8px; transition:all 0.3s; font-weight:bold; font-size:18px; line-height:24px; cursor:pointer;} .appSelectionWrap .appList p:hover{background:linear-gradient(to bottom, #cc99fe, #a215ff); color:#fff;} .generalAppIntro{position:relative; background:#efe1f8;} .generalAppIntro .layout{position:relative;} .generalAppIntro .descWrap{position:absolute; top:-70px; left:0; max-width:200px; padding-bottom:0 !important;} .generalAppIntro .descWrap.right{left:auto; right:0;} .generalAppIntro .descWrap p{padding-top:55px; margin-bottom:85px; cursor:pointer;} .generalAppIntro .descWrap p.selected{background-image:linear-gradient(to bottom, #cc99fe, #a215ff) !important; color:#fff;} .generalAppIntro .descWrap p img{display:none;} .generalAppIntro .descWrap.left p{background:url(../images/app/icon_general_app_1.png) no-repeat right top; background-size:45px; text-align:right;} .generalAppIntro .descWrap.left p:nth-of-type(2){background-image:url(../images/app/icon_general_app_2.png); margin-right:45px;} .generalAppIntro .descWrap.left p:nth-of-type(3){background-image:url(../images/app/icon_general_app_3.png); margin-right:45px;} .generalAppIntro .descWrap.left p:nth-of-type(4){background-image:url(../images/app/icon_general_app_4.png);} .generalAppIntro .descWrap.right p{padding-top:50px; background:url(../images/app/icon_general_app_5.png) no-repeat left top; background-size:45px; text-align:left;} .generalAppIntro .descWrap.right p:nth-of-type(2){background-image:url(../images/app/icon_general_app_6.png); margin-left:45px;} .generalAppIntro .descWrap.right p:nth-of-type(3){background-image:url(../images/app/icon_general_app_7.png); margin-left:45px;} .sportsAppIntro{position:relative; background:#efe1f8;} .sportsAppIntro .layout{position:relative;} .sportsAppIntro .descWrap{position:absolute; top:0; left:0; max-width:200px; padding-bottom:0 !important;} .sportsAppIntro .descWrap.right{left:auto; right:0;} .sportsAppIntro .descWrap p{padding:15px 55px 15px 0; margin-bottom:145px; cursor:pointer;} .sportsAppIntro .descWrap p.selected{background-image:linear-gradient(to bottom, #cc99fe, #a215ff) !important; color:#fff;} .sportsAppIntro .descWrap p img{display:none;} .sportsAppIntro .descWrap.left p{background:url(../images/app/icon_sports_app_1.png) no-repeat right top; background-size:45px; text-align:right;} .sportsAppIntro .descWrap.left p:nth-of-type(2){background-image:url(../images/app/icon_sports_app_2.png);} .sportsAppIntro .descWrap.left p:nth-of-type(3){background-image:url(../images/app/icon_sports_app_3.png);} .sportsAppIntro .descWrap.right p{padding:15px 0 15px 55px; background:url(../images/app/icon_sports_app_4.png) no-repeat left top; background-size:45px; text-align:left;} .sportsAppIntro .descWrap.right p:nth-of-type(2){background-image:url(../images/app/icon_sports_app_5.png);} .sportsAppIntro .descWrap.right p:nth-of-type(3){background-image:url(../images/app/icon_sports_app_6.png);} .modApp .popupInfo{opacity:0; position:absolute; top:0; left:0; display:flex; justify-content:center; flex-wrap:wrap; width:100%; height:100%; padding:25px 0; background:#efe1f8; box-sizing:border-box; z-index:-1; transition:all 0.5s;} .modApp .popupInfo.show{opacity:1; z-index:100;} .modApp .popupInfo p{width:100%; font-size:20px; margin-bottom:20px;} .modApp .popupInfo .wrapBg{position:relative;} .modApp .popupInfo .wrapBg img{width:80%;} .modApp .popupInfo .wrapBg:before{content:""; position:absolute; top:-82px; left:0; right:0; margin:auto; width:520px; height:520px; background:rgba(255, 255, 255, 0.6); border-radius:100%; z-index:-1;} .modApp .sportsAppIntro .popupInfo .wrapBg:before{display:none;} .modApp .sportsAppIntro .popupInfo .wrapBg img{width:600px;} .promotingWrap{display:flex; align-items:flex-start; padding:100px 5px !important;} .promotingWrap .descWrap p{color:#a62df8; font-size:26px; text-align:left; margin-bottom:25px;} .promotingWrap .descWrap ul li{position:relative; margin-bottom:8px; padding-left:40px; line-height:34px; font-size:18px; text-align:left;} .promotingWrap .descWrap ul li:before{content:''; position:absolute; top:2px; bottom:0; left:0; width:30px; height:30px; background:url(../images/game/arrow.png) -30px 0 no-repeat; background-size:60px;} .promotingWrap .descWrap ul li a{text-decoration:none; color:#000;} .promotingWrap .descWrap ul li a:hover{color:#a62df8;} .promotingWrap .qrWrap{display:flex; align-items:center; justify-content:space-around; flex-grow:1; margin-left:50px;} .promotingWrap .qrWrap > div{margin:0 20px;} .promotingWrap .qrWrap > div p{width:120px; background:url(../images/app/icon_android.png) no-repeat left 12px center; background-size:20px; padding:8px 0; margin:0 auto 25px; border:1px solid #000; border-radius:25px; text-indent:20px;} .promotingWrap .qrWrap > div.qrIos p{background-image:url(../images/app/icon_ios.png); background-position:left 30px center;} /* END: app page */ .footer{background:#212121; color:#fbd066; padding:45px 30px 120px; line-height:33px;} .footer .menuColumn{display:flex; justify-content:space-between;} .footer .menuColumn > div > i{position:absolute; top:12px; right:0; width:13px; height:8px; background:url(../images/icon_expand.png) no-repeat center; background-size:contain;} .footer .menuColumn p{font-size:20px; font-weight:bold; margin-bottom:4px;} .footer .menuColumn a{color:#fbd066; text-decoration:none;} .footer .menuColumn a:hover{color:#fff;} .footer .menuColumn .innerColumn{display:flex;} .footer .menuColumn .innerColumn ul:not(:last-of-type){margin-right:60px;} .footer .menuColumn .columnMarketing ul li a{display:block; background:url(../images/footer/ico_footer.png?1) no-repeat right -19px top -3px; padding-right:30px; background-size:60px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(2) a{background-position:right -19px top -38px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(3) a{background-position:right -19px top -75px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(4) a{background-position:right -19px top -110px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(5) a{background-position:right -19px top -146px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(6) a{background:url(../images/footer/ico_linkedin.png) no-repeat right center; background-size:23px;} .footer .copyright{margin-top:80px; line-height:25px; text-align:center;} .footer .copyright span{display:block;} .footer .copyright a{color:inherit; text-decoration:none;} .poster-main{position: relative;width: 900px;height: 270px} .poster-main a,.poster-main img{display:block;} .poster-main .poster-list{width: 900px;height: 270px} .poster-main .poster-list .poster-item{position: absolute;left: 0px;top: 0px; border:8px solid #a215ff; box-sizing:border-box; opacity:1 !important; cursor:pointer;} .poster-main .poster-list .poster-item.active{border-color:#fbd066;} .poster-main .poster-list .poster-item[style*="z-index: 1"]{transform:scale(0.8);} .poster-main .poster-list .poster-item[style*="z-index: 2"]{transform:scale(0.9);} .poster-main .poster-btn{position: absolute;height: 100%;width:100px;top: 0px;z-index: 10;cursor:pointer;} .poster-main .poster-btn:after{content:""; position:absolute; top:0; bottom:0; margin:auto; left:0; width:46px; height:88px; background:url(../images/product/frame_arrow.png) no-repeat left center; background-size:100px; cursor:pointer;} .poster-main .poster-prev-btn{left:0px;} .poster-main .poster-next-btn{right:0px;} .poster-main .poster-prev-btn:after{left:100px;} .poster-main .poster-next-btn:after{right:100px; left:auto; background-position:right center;} .poster-main .poster-prev-btn:hover:after, .poster-main .poster-next-btn:hover:after{opacity:0.7;} .preview-wrap{position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; display:none;} .preview-wrap .preview-overlay{position:absolute; top:0; left:0; width:100%; height:100%; background:#1a1a1a; opacity:0.75;} .preview-wrap .preview-content{height:100%;} .preview-wrap .preview-img{position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; border:10px solid #000; border-radius:8px; min-width:20%; max-width:80%; max-height:90%;} .preview-wrap .preview-close{width:46px; height:46px; background:url(../images/icon_close.png) no-repeat;} .preview-wrap .button, .preview-wrap .preview-content i{display:none;} .preview-wrap iframe{position:absolute; top:0; left:0; bottom:0; right:0; margin:auto; width:70%; height:80%;} .slick-initialized .slick-slide{display:inline-block !important;} .floatPanel{position:fixed; bottom:0; right:0; z-index:100002;} .floatPanel img{width:250px;} .floatPanel .close{position:absolute; top:3px; right:3px; padding:5px 8px;background:#a217ff; font-size:16px; color:#fff; border-radius:8px; cursor:pointer;} .popupWrap{display:flex; position:fixed; top:100%; left:0; width:100%; height:100%; align-items:center; opacity:1; z-index:4999;} .popupWrap .popupOverlayBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); transition:all .3s; opacity:0; visibility:hidden; z-index:999;} .popupWrap .popupContent{position:relative; width:75%; margin:auto; padding:20px; background:#fff; border-radius:8px; box-shadow:0 0 5px #bbb; transition:all .6s; opacity:0; visibility:hidden; z-index:1000; overflow:hidden;} .popupWrap .popupContent.noBackground{background:transparent; padding:0; box-shadow:none;} .popupWrap.show {top:0;} .popupWrap.show .popupContent, .popupWrap.show .popupOverlayBg {opacity:1; visibility:visible;} .popupWrap .popupContent img {width:100%; height:100%; max-width:800px;} /* thankyou page */ .modThankyou .content{background:url(../images/thankyou/bg.jpg) no-repeat center; background-size:cover; min-height:600px; display:flex; flex-direction:column; justify-content:center; align-items:center; color:#fff; font-size:24px; padding:0 30px;} .modThankyou .content svg{width:120px !important;} .modThankyou .content h3{font-size: 40px; font-weight:bold; margin:22px 0;} .modThankyou .content p{line-height:33px;} /* sports page */ .sportsAppWrap img{display:block; width:90%; max-width:500px; margin:0 auto;} [data-aos="roll-in"] { opacity:0; -webkit-transform:translate3d(-100%,0,0) rotate(-120deg); transform:translate3d(-100%,0,0) rotate(-120deg) } [data-aos="roll-in"].aos-animate { opacity:1; -webkit-transform:translateZ(0);transform:translateZ(0) } @keyframes moveLeftRight { 0% {margin-left:0;} 25%{margin-left:6px;} 50%{margin-left:0;} 75%{margin-left:-6px;} 100%{margin-left:0;} } .fade-in{ -webkit-animation: fade-in 2s ease; -moz-animation: fade-in ease-in-out 2s both; -ms-animation: fade-in ease-in-out 2s both; -o-animation: fade-in ease-in-out 2s both; animation: fade-in 2s ease; visibility: visible; -webkit-backface-visibility: hidden; } @-webkit-keyframes fade-in{0%{opacity:0;} 100%{opacity:1;}} @-moz-keyframes fade-in{0%{opacity:0} 100%{opacity:1}} @-o-keyframes fade-in{0%{opacity:0} 100%{opacity:1}} @keyframes fade-in{0%{opacity:0} 100%{opacity:1}} /*common*/ .langEn .nav li:not(.logo) a{line-height:26px; font-size:17px;} .langEn .content h1, .langEn .content h2{line-height:55px;} .langEn .content h4{font-size:21px;} .langEn .footer{font-size:15px;} .langEn .footer .menuColumn p{font-size:19px;} .langEn .content .contactWrap h2{font-size:48px; line-height:62px; font-family:'Franklin Gothic Heavy'; letter-spacing:1px;} .langEn .content .contactWrap .buttonWrap a{font-size:17px;} .langEn .content .contactWrap .buttonWrap a:after{right:30px;} .langEn .mobileHeader ul li a{font-size:8px;} /*home*/ .kzVideoWrap .kzIntroWrap > div > div p{letter-spacing:0;} .langEn .kzVideoWrap .kzIntroWrap .mainTitle{height:50px; font-size:32px;} .langEn .kzVideoWrap .descWrap > h2{line-height:27px;} /*about*/ .langEn .slotsMachineWrap h2{font-size:28px; line-height:42px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn{border-radius:75px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li{line-height:30px; padding:20px 13px 20px 14px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn:nth-of-type(2) li{text-transform:capitalize;} .langEn .slotsMachineWrap .slotsTable .slotsColumn:nth-of-type(3) li{font-size:15px;} .langEn .otherServiceWrap .cardList li .cardContent span{padding:0 20px; letter-spacing:0;} .langEn .content .newsWrap a.largeDotsButton:after{right:19px;} .langEn .rouletteDescription{height:740px;} .langEn .rouletteDescription .title{line-height:40px;} .langEn .content .contactWrap.contactAbout{padding-left:345px;} .langEn .content .contactWrap.contactAbout > img{margin-left:-145px;} /*product*/ .langEn .marketWrap .mapDescWrap .countryDescription .title{margin-bottom:20px;} .langEn .marketWrap .mapDescWrap .countryList i{background-image:url(../images/product/ico_country_en.png); background-size:514px;} .langEn .marketWrap .mapDescWrap .countryList i:hover, .langEn .marketWrap .mapDescWrap .countryList i.current{width:105px;} .langEn .marketWrap .mapDescWrap .countryList i.china:hover, .langEn .marketWrap .mapDescWrap .countryList i.china.current, .langEn .marketWrap .mapDescWrap .countryList i.india:hover, .langEn .marketWrap .mapDescWrap .countryList i.india.current{width:90px;} .langEn .marketWrap .mapDescWrap .countryList i.vietnam{background-position:-103px top;} .langEn .marketWrap .mapDescWrap .countryList i.thailand{background-position:-209px top;} .langEn .marketWrap .mapDescWrap .countryList i.india{background-position:-316px top;} .langEn .marketWrap .mapDescWrap .countryList i.indonesia{background-position:-409px top;} .langEn .marketWrap .mapDescWrap .countryList i.china:hover, .langEn .marketWrap .mapDescWrap .countryList i.china.current{background-position:-6px -163px;} .langEn .marketWrap .mapDescWrap .countryList i.vietnam:hover, .langEn .marketWrap .mapDescWrap .countryList i.vietnam.current{background-position:-103px -163px;} .langEn .marketWrap .mapDescWrap .countryList i.thailand:hover, .langEn .marketWrap .mapDescWrap .countryList i.thailand.current{background-position:-209px -163px;} .langEn .marketWrap .mapDescWrap .countryList i.india:hover, .langEn .marketWrap .mapDescWrap .countryList i.india.current{background-position:-316px -163px;} .langEn .marketWrap .mapDescWrap .countryList i.indonesia:hover, .langEn .marketWrap .mapDescWrap .countryList i.indonesia.current{background-position:-409px -163px;} .langEn .marketWrap .mapDescWrap .countryDescription a{background-image:url(../images/game/btn_game_long.png); width:300px; margin-top:0;} .langEn .content .contactWrap.contactProduct > img{margin-left:-38px;} .langEn .templatesWrap .largeDotsButton{background-image:url(../images/game/btn_game_long.png); width:300px;} .langEn .templatesWrap .largeDotsButton:after{right:20px;} .langEn .sportsAppWrap .largeDotsButton{background-image:url(../images/game/btn_game_long.png); width:300px;} .langEn .sportsAppWrap .largeDotsButton:after{right:40px;} .langEn .rouletteDescription .title{font-size:25px;} .langEn .rouletteDescription ul li p{font-size:16px;} .langEn .rouletteDescription ul li span{font-size:12px;} .langEn .backOfficeSystemWrap .rouletteWrap i:before{content:"Backend System"; bottom:18%; font-size:19px; line-height:22px; letter-spacing:0;} /*gaming*/ .langEn .content .currencyWrap .platformTable tr:first-of-type td:first-of-type{font-size:15px;} .langEn .content .currencyWrap .platformTableFrame{top:145px;} /*contact*/ .langEn .content .callUsWrap .ipadWrapper .contactMethod li{font-size:23px;} @media screen and (max-width:1150px) { .slotsMachineWrap{margin-left:-46px;} .fifaCountdownWrap{height:290px;} .fifaCountdownWrap .fifaTimer{justify-content:center;} .fifaCountdownWrap .timer{width:100%; margin-top:10px;} } @media screen and (max-width:1024px) { .nav{justify-content:center;} .nav li:not(.logo){display:none;} .header{padding:0 15px; box-sizing:border-box;} .header i.btnBack{display:block;} .header .languageWrap{margin-right:15px;} .mobileHeader{display:block;} .langEn .footer .menuColumn p{font-size:16px;} .langEn .footer .menuColumn > div{width:25%;} .langEn .footer .menuColumn > div:not(:last-of-type){margin-right:20px;} .langEn .footer .menuColumn > div ul li{margin-bottom:10px; line-height:22px;} .langEn .footer .menuColumn .innerColumn{display:block;} /*home*/ .kzVideoCaroursel .videoWrap{position:relative; margin:0 30px; padding-bottom:56.25%; height:0;} .kzVideoCaroursel .videoWrap iframe{position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box;} .kzVideoCaroursel .thumbnailWrap > i{display:none;} .kzVideoWrap .descWrap > h2{white-space:nowrap;} .kzVideoWrap .kzIntroWrap > div > div{padding-left:8px !important; padding-right:8px !important;} .webBuildingWrap > div:first-of-type{width:50%; margin-right:30px;} .webBuildingWrap > div:first-of-type img{width:100%;} .content .layout .contactWrap{height:410px;} .content .contactWrap.contactHome{padding-top:80px; padding-left:360px;} .content .contactWrap.contactHome > img{left:5%;} .content .contactWrap h2{font-size:50px;} .content .contactWrap .buttonWrap{margin:20px 0 0 0;} .content .contactWrap .buttonWrap a{display:block; margin:0 auto 10px;} /*about*/ .content .contactWrap.contactAbout{padding-top:80px; padding-left:355px;} .content .contactWrap.contactAbout > img{left:5%;} .modAbout .otherServiceWrap .cardList{justify-content:center;} .slotsMachineWrap{display:none;} .slotsMachineWrap.mobile{display:block; width:100%; height:auto; margin-left:0; padding-top:0 !important; background:none;} .slotsMachineWrap.mobile h2{position:absolute; left:0; right:0; top:6%; margin:0 0 0 -13%; font-size:28px;} .slotsMachineWrap.mobile > img{width:94%; margin-left:-5%;} .slotsMachineWrap.mobile .slotsHandle img, .slotsMachineWrap.mobile .slotsHandle i{width:15%; height:27%; top:30%; right:2.5%; bottom:auto;} .slotsMachineWrap .slotsTable{position:absolute; top:19%; width:74%; height:62%; margin-left:6%;} .slotsMachineWrap .slotsTable .slotsColumn:last-of-type{width:100%; border-radius:10px;} .slotsMachineWrap .slotsTable .slotsColumn ul{height:100%;} .slotsMachineWrap .slotsTable .slotsColumn ul li{align-content:center; height:100%;} .slotsMachineWrap .slotsTable .slotsColumn ul li span{width:100%; margin-bottom:12px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1),.slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){padding-left:0; color:#a215ff; font-size:24px; font-weight:bold; margin-bottom:15px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1):before,.slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2):before{display:none;} .slotsMachineWrap .slotsHandle .hints{top:-64%; right:4.5%;} .langEn .slotsMachineWrap.mobile h2{font-size:25px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li{padding:25px;} /*contact*/ .content .layout > div.callUsWrap{padding-left:15px; padding-right:15px;} .content .callUsWrap .ipadWrapper .contactDetails{flex-wrap:nowrap; overflow-x:scroll;} .content .callUsWrap .ipadWrapper .contactDetails > div{width:23%; margin-right:20px; min-width:200px;} .content .recruitWrap img{width:75%; max-width:340px;} .langEn .content .contactWrap.contactAbout{padding-left:250px;} /*gaming*/ .content .gamesCategoryWrap ul{flex-wrap:nowrap; justify-content:flex-start; overflow-x:scroll;} .content .gamesCategoryWrap ul li{min-width:326px;} .content .contactWrap{padding-top:80px !important;} .content .currencyWrap .platformBanner.web{display:none;} .content .currencyWrap{width:100%; } .content .currencyWrap > h2{margin-bottom:0;} .content .currencyWrap .platformTableFrame{display:none; width:100%; height:626px; left:-13px;} .content .currencyWrap .platformBanner{width:100%; overflow-x:scroll;} .content .currencyWrap .platformTable{width:100%; font-size:14px; border-radius:0; overflow:visible;} .content .currencyWrap .platformTable tr:not(:first-of-type) td:first-of-type:before{left:2px;} .content .currencyWrap .platformTable td:first-of-type{min-width:103px;} .content .currencyWrap .platformTable td{min-width:100px; height:40px;} .content .currencyWrap .platformBannerWrap.mobile{display:flex; margin:44px 3% 0; border:15px solid #a215ff; border-radius:25px; overflow:hidden;} .content .currencyWrap .platformBannerWrap.mobile > .platformTable{width:100px; border-radius:none; border-top-left-radius:25px; border-bottom-left-radius:25px; overflow:hidden;} .content .currencyWrap .platformBannerWrap.mobile .platformBanner .platformTable tr td:first-of-type{border-left:none;} .content .currencyWrap .platformBannerWrap.mobile .platformBanner .platformTable tr:not(:first-of-type) td:first-of-type{background:#fff;} .content .currencyWrap .platformBannerWrap.mobile .platformBanner .platformTable tr:not(:first-of-type) td:first-of-type:before{display:none;} .langEn .content .currencyWrap .platformTable tr:first-of-type td:first-of-type{font-size:13px;} /*product*/ .marketWrap .mapDescWrap{display:block;} .marketWrap .mapDescWrap > div:first-of-type{min-width:470px; margin:0 auto;} .marketWrap .mapDescWrap > div:last-of-type{width:80%; margin:10px auto 0;} .marketWrap .mapDescWrap .countryList img{margin-top:0; margin-left:-63px;} .marketWrap .mapDescWrap .countryList i.china{top:10px;} .marketWrap .mapDescWrap .countryList i.vietnam{top:83px;} .marketWrap .mapDescWrap .countryList i.thailand{top:137px;} .marketWrap .mapDescWrap .countryList i.india{top:154px;} .marketWrap .mapDescWrap .countryList i.indonesia{top:213px;} .marketWrap .mapDescWrap .countryList p{text-align:center;} .marketWrap .mapDescWrap .countryDescription > div{display:none; position:relative; width:100%; padding:5px 15px 40px; box-sizing:border-box;} .marketWrap .mapDescWrap .countryDescription > div.current{display:block; right:0;} .marketWrap .mapDescWrap .countryDescription a{display:block; margin:15px auto 0;} .backOfficeSystemWrap .rouletteInfo{display:block;} .rouletteDescription{width:90%; height:auto; margin:20px auto 0;} .rouletteDescription > div{position:relative; width:100%; margin:0 auto; left:0; display:none;} .rouletteDescription > div.current{display:block;} .rouletteDescription ul{display:flex; justify-content:space-between; flex-wrap:wrap;} .rouletteDescription ul li{width:35%;} .rouletteDescription ul li span{line-height:23px;} .recommendedTemplateCaroursel{margin:0 auto;} .recommendedTemplateCaroursel.poster-main .poster-prev-btn{left:-71px;} .recommendedTemplateCaroursel.poster-main .poster-next-btn{right:-71px;} .otherServiceWrap .cardList{flex-wrap:nowrap; justify-content:flex-start; overflow:hidden; overflow-x:scroll;} .otherServiceWrap .cardList li{min-width:227px;} .flowWrap{position:relative;} .flowWrap img:not(.mobile){display:none;} .flowWrap img.mobile{display:block; width:85%; max-width:400px; margin:20px auto 0;} .flowWrap ul{position:absolute; top:19%; left:0; right:0; margin:auto; display:block; width:85%; max-width:400px;} .flowWrap ul li{width:100% !important; margin:0 0 28% !important; padding-left:64px;} .flowWrap ul li:nth-of-type(even){position:relative; top:-16px; padding-left:162px;} .flowWrap ul li:nth-of-type(4){top:28px;} .langEn .rouletteDescription{height:auto;} .langEn .flowWrap ul li{width:60% !important; margin:0 0 25% !important; padding-left:143px;} .langEn .flowWrap ul li:nth-of-type(even){padding-left:244px;} .content .layout .contactWrap.contactProduct{clear:both;} /*news*/ .newsWrap .newsCategory{justify-content:center;} .newsWrap .newsList{justify-content:center;} .content .layout > div.articleWrap{padding:40px 20px 100px;} /*app*/ .generalAppIntro{padding:70px 5px !important;} .generalAppIntro > .layout{padding:0 30px; box-sizing:border-box;} .generalAppIntro > .layout:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} .generalAppIntro > .layout img{width:100%; max-width:560px;} .generalAppIntro .descWrap{position:relative; top:auto; float:left; width:40%; max-width:none; margin:0 2%;} .generalAppIntro .descWrap p{position:relative; background:#fff !important; border:1px solid #000; border-radius:40px; margin:0 0 30px 0 !important; padding:0 15px 0 55px !important; height:45px; line-height:45px; font-size:17px;} .generalAppIntro .descWrap p img{display:block; position:absolute; top:-1px; left:-3px; width:47px;} .generalAppIntro .descWrap p:nth-of-type(4) img{width:54px; top:-3px; left:-5px;} .generalAppIntro .descWrap.left p{text-align:left;} .generalAppIntro .descWrap.left p:nth-of-type(4){background-size:50px; background-position:left -3px top -1px !important;} .generalAppIntro .descWrap p:last-of-type{margin-bottom:0 !important;} .sportsAppIntro{padding:70px 5px !important;} .sportsAppIntro > .layout{padding:0 30px; box-sizing:border-box;} .sportsAppIntro > .layout:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} .sportsAppIntro > .layout img{width:100%; max-width:560px;} .sportsAppIntro .descWrap{position:relative; top:auto; float:left; width:40%; max-width:none; margin:0 2%;} .sportsAppIntro .descWrap p{position:relative; background:#fff !important; border:1px solid #000; border-radius:40px; margin:0 0 30px 0 !important; padding:0 15px 0 55px !important; height:45px; line-height:45px; font-size:17px;} .sportsAppIntro .descWrap p img{display:block; position:absolute; top:-1px; left:-3px; width:47px;} .sportsAppIntro .descWrap.left p{text-align:left;} .sportsAppIntro .descWrap p:last-of-type{margin-bottom:0 !important;} .modApp .popupInfo{display:block;} .modApp .popupInfo .wrapBg:before{top:35px; width:400px; height:400px;} .modApp .popupInfo .wrapBg img, .modApp .sportsAppIntro .popupInfo .wrapBg img{width:530px; margin-top:66px;} .langEn .generalAppIntro .descWrap p, .langEn .sportsAppIntro .descWrap p{display:flex; align-items:center; padding:0 10px 0 50px !important; font-size:14px; line-height:16px;} } @media screen and (max-width:900px) { /*home*/ .kzVideoWrap .kzIntroWrap > div > div{width:26%;} /*gaming*/ .floatPanel{bottom:150px;} .floatPanel img{width:190px;} } @media screen and (max-width:750px) { .content h4{line-height:30px;} /*home*/ .webBuildingWrap{display:block;} .webBuildingWrap > div:first-of-type{margin:0 auto; width:70%;} .webBuildingWrap h2{margin-top:20px;} .webBuildingWrap a.largeDotsButton{margin-right:0;} .content .contactWrap.contactHome{height:auto; padding:20px 0 !important;} .content .contactWrap.contactHome > img{position:relative; width:85%; max-width:450px; margin-bottom:15px; margin-left:0;} /*about*/ .newsWrap .newsContent{display:block;} .newsWrap .newsContent p{text-align:center;} .content .newsWrap a.largeDotsButton{margin:0 auto;} .newsWrap .newsContent img{width:80%; margin-top:25px;} .content .contactWrap.contactAbout{height:auto; padding:20px 0 !important;} .content .contactWrap.contactAbout > img{position:relative; width:85%; max-width:450px; margin-bottom:15px; margin-left:0; left:0;} .langEn .content .contactWrap.contactAbout{padding-left:0;} .langEn .content .contactWrap.contactAbout > img{margin-left:0;} .langEn .slotsMachineWrap.mobile h2{top:5%; font-size:22px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span{margin-bottom:5px; padding-left:26px; font-size:12px; line-height:16px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{top:-3px; width:18px; background-size:36px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){font-size:18px; margin-bottom:5px; padding-left:0;} /*contact*/ .content .recruitWrap{display:block;} .content .recruitWrap img{display:block; margin:0 auto 15px;} .content .recruitWrap > div{margin-left:0; text-align:center;} .content .recruitWrap h2{font-size:38px;} /*gaming*/ .modGame .content .contactWrap{height:auto; padding:20px 0 !important;} .modGame .content .contactWrap > img{position:relative; width:100%; max-width:600px; margin-bottom:15px; margin-left:29%;} .langEn .content .currencyWrap .platformTableFrame{top:200px;} /*product*/ .content .contactWrap.contactProduct{height:auto; padding:20px 0 !important;} .content .contactWrap.contactProduct > img{position:relative; width:90%; max-width:300px; margin-bottom:15px;} .templatesWrap .templateFlexBox img{transform:scale(0.8);} .templatesWrap .templateBoxBottom{margin-top:-265px;} .fifaCountdownWrap .timer > p{display:none;} } @media screen and (max-width:700px) { /*home*/ .kzVideoWrap .kzIntroWrap .mainTitle{position:relative; margin-bottom:20px;} .kzVideoWrap .kzIntroWrap > div{display:block; float:left; width:50%;} .kzVideoWrap .kzIntroWrap > div > div{width:80%; height:234px !important; padding:30px 8px !important; margin:0 auto 20px;} .kzVideoWrap .kzIntroWrap > div.introBottom{margin-top:0;} .webBuildingWrap{clear:both; padding-top:100px;} .content .providerWrap .providerBanner{width:100%;} .content .providerWrap .providerBanner .imageWrap img{width:33%;} .content .slick-prev, .content .slick-next{display:none;} .kzVideoWrap .kzIntroWrap > div > div p{font-size:22px;} /*product*/ .backOfficeSystemWrap .rouletteWrap img{width:355px; margin:0 auto;} .backOfficeSystemWrap .rouletteWrap i{width:148px; height:203px; top:30px; transform-origin:74px 147px;} .backOfficeSystemWrap .rouletteWrap i:before{width:55px; bottom:30px; line-height:23px; font-size:18px;} .backOfficeSystemWrap .rouletteWrap map,.backOfficeSystemWrap .rouletteWrap map area{display:none;} .langEn .backOfficeSystemWrap .rouletteWrap i:before{width:70px; font-size:14px; line-height:15px;} /*about*/ .slotsMachineWrap.mobile h2{font-size:22px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){font-size:20px; margin-bottom:6px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span{margin-bottom:4px; font-size:14px; line-height:21px;} .langEn .slotsMachineWrap.mobile h2{top:4.5%; font-size:18px;} /*app*/ .appSelectionWrap .appList > div{margin:0 10px;} .appSelectionWrap .appList > div p{width:80px; font-size:15px;} .appSelectionWrap .appList > div img{width:100%; max-width:280px;} .footer .menuColumn .innerColumn ul:not(:last-of-type){margin-right:20px;} /*thankyou page*/ .modThankyou .content svg{width:90px !important;} .modThankyou .content h3{font-size:25px;} .modThankyou .content p{font-size:18px;} } @media screen and (max-width:550px) { body{font-size:14px;} body, .modHome{padding-top:40px;} .content h1, .content h2{font-size:34px;} .content h4{font-size:16px; line-height:24px;} .content .layout > div{padding:15px 5px 40px; box-sizing:border-box;} .langEn .content h1, .langEn .content h2{line-height:39px;} .header{height:40px;} .header i.btnBack{background-size:10px;} .header .languageWrap{margin-right:0;} .header .languageWrap i{width:28px; height:24px;} .nav li.logo img{width:auto; height:40px;} .mobileHeader{height:50px;} .mobileHeader .navMenu{width:35px; height:35px;} .mobileHeader .navMenu.active i{background-size:25px;} .footer .menuColumn{flex-wrap:wrap; text-align:left; font-size:14px; line-height:26px;} .footer .menuColumn p{font-size:16px;} .footer .menuColumn a{color:#fff;} .footer .menuColumn > div{position:relative; width:100%; margin-bottom:15px;} .footer .menuColumn > div ul{height:0; opacity:0; visibility:hidden; transition:opacity 0.3s;} .footer .menuColumn > div.active ul{height:auto; opacity:1; visibility:visible;} .footer .menuColumn .columnMarketing ul li a{background-position:left 56px top -7px; margin-bottom:5px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(2) a{background-position:left 56px top -41px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(3) a{background-position:left 56px top -78px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(4) a{background-position:left 56px top -114px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(5) a{background-position:left 56px top -150px;} .footer .menuColumn .columnMarketing ul li:nth-of-type(6) a{background-position:left 74px center;} .footer .copyright{font-size:12px;} .backdropIcon{width:35px;} .backdropIcon img{width:100%;} .langEn .content h4{font-size:17px; line-height:21px;} .langEn .footer .menuColumn > div{width:100%; margin-right:0 !important;} .langEn .footer .menuColumn p{font-size:16px;} .langEn .footer .menuColumn > div ul li{line-height:26px;} /*home*/ .kzVideoWrap:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";} .kzVideoWrap .descWrap{font-size:14px;} .kzVideoWrap .descWrap > p, .kzVideoWrap .descWrap > h2{font-size:12px; line-height:17px;} .kzVideoWrap .descWrap > h2{font-size:18px; line-height:24px;} .kzVideoCaroursel .videoWrap{margin:0 5px;} .kzVideoCaroursel ul li{margin:0 10px;} .content .slick-next{right:-33px;} .content .slick-prev{left:-33px;} .kzVideoCaroursel ul li h3{font-size:13px;} .kzVideoWrap .kzIntroWrap .mainTitle{background:-webkit-linear-gradient(#cc99fe, #a215ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent;} .kzVideoWrap .kzIntroWrap > div > div{width:90%; height:164px !important; align-content:center; padding:0 8px !important;} .kzVideoWrap .kzIntroWrap > div > div p{margin-top:0;} .kzVideoWrap .kzIntroWrap .mainTitle{font-size:30px;} .langEn .kzVideoWrap .kzIntroWrap > div > div p{font-size:16px; line-height:20px;} /*about*/ .aboutUsWrap{display:block; padding-bottom:10px !important;} .aboutUsWrap h2{margin-left:-20px;} .aboutUsWrap img{width:80%; max-width:216px; margin-bottom:12px;} .aboutUsWrap > div{margin-left:20px;} .aboutUsWrap > div ul li{font-size:16px; line-height:23px;} .aboutUsWrap > div ul li:before{width:20px; height:22px; background-size:40px;} .content .layout > div.slotsWrap{padding-bottom:0;} .slotsMachineWrap.mobile h2{font-size:18px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){font-size:16px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span{margin-bottom:2px; font-size:14px; padding-left:24px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{width:18px; height:18px; background-size:37px;} .slotsMachineWrap .slotsHandle .hints{right:1%; background-size:40px;} .otherServiceWrap .cardList, .modAbout .otherServiceWrap .cardList{flex-wrap:nowrap; justify-content:flex-start;} .otherServiceWrap .cardList li, .modAbout .otherServiceWrap .cardList li{width:auto; min-width:initial; height:160px; margin:0 3px;} .otherServiceWrap .cardList li .cardContent, .modAbout .otherServiceWrap .cardList li .cardContent{height:100%; align-content:center;} .otherServiceWrap .cardList li .cardContent i, .modAbout .otherServiceWrap .cardList li .cardContent i{width:55px; height:50px; background-position:left -16px center; background-size:400px;} .modAbout .otherServiceWrap .cardList li:nth-of-type(2) .cardContent i{background-position:left -70px center;} .modAbout .otherServiceWrap .cardList li:nth-of-type(3) .cardContent i{background-position:left -126px center;} .modAbout .otherServiceWrap .cardList li:nth-of-type(4) .cardContent i{background-position:left -184px center;} .modAbout .otherServiceWrap .cardList li:nth-of-type(5) .cardContent i{background-position:left -240px center;} .modAbout .otherServiceWrap .cardList li:nth-of-type(6) .cardContent i{background-position:left -289px center;} .modAbout .otherServiceWrap .cardList li:nth-of-type(7) .cardContent i{background-position:left -336px center;} .otherServiceWrap .cardList li .cardContent span, .modAbout .otherServiceWrap .cardList li .cardContent span{letter-spacing:0; font-size:14px; line-height:18px; min-height:36px;} .otherServiceWrap .cardList li img{width:auto; height:100%;} .newsWrap .newsContent img{display:none;} .newsWrap .newsContent img.mobile{display:block; margin:0 auto 20px;} .langEn .slotsMachineWrap.mobile h2{top:4%; font-size:15px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li{padding:8px 15px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){font-size:14px; margin-bottom:0;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){margin-bottom:3px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span{font-size:10px; line-height:16px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{top:0; width:16px; background-size:32px;} .langEn .rouletteDescription ul li{margin-bottom:10px;} .langEn .rouletteDescription ul li p{margin-bottom:1px;} .langEn .otherServiceWrap .cardList li .cardContent span, .langEn .modAbout .otherServiceWrap .cardList li .cardContent span{font-size:11px; line-height:14px;} /*gaming*/ .content .layout .providerWrap{padding-bottom:40px;} .content .providerWrap .providerBanner .imageWrap img{width:20%;} .content .gamesCategoryWrap ul li{width:auto; min-width:initial; margin:0 3px;} .content .gamesCategoryWrap ul li img{width:auto; height:230px;} .content .gamesCategoryWrap ul li .infoWrap{top:0; padding:135px 8px 5px;} .content .gamesCategoryWrap ul li.categoryEsports .infoWrap{padding-top:147px;} .content .gamesCategoryWrap ul li .infoWrap h3{margin-bottom:0; font-size:14px;} .content .gamesCategoryWrap ul li .infoWrap label{margin-bottom:0; font-size:12px;} .content .gamesCategoryWrap ul li .infoWrap i{height:20px; background-size:175px; background-position:center -12px; margin-bottom:2px;} .content .gamesCategoryWrap ul li.categorySports .infoWrap i{background-position:center -39px;} .content .gamesCategoryWrap ul li.categoryChess .infoWrap i{background-position:center -95px;} .content .gamesCategoryWrap ul li.categoryLottery .infoWrap i{background-position:center -123px;} .content .gamesCategoryWrap ul li.categoryFish .infoWrap i{background-position:center -265px; background-size:140px;} .content .gamesCategoryWrap ul li.categorySlots .infoWrap i{background-position:center -68px;} .content .gamesCategoryWrap ul li .infoWrap a{width:101px; height:31px; line-height:31px; font-size:13px; text-indent:-14px; padding:0; letter-spacing:0; background-size:contain;} .content .gamesCategoryWrap ul li .infoWrap a:after{right:7px; width:20px; height:18px; background-size:30px; background-position:-15px -26px;} .content .gamesCategoryWrap ul li .infoWrap a:hover:after{background-position:-15px -12px;} .content .gamesCategoryWrap ul li.categoryEsports .infoWrap, .content .gamesCategoryWrap ul li.categorySoon .infoWrap{margin-top:8px;} .content .gamesCategoryWrap ul li.categorySoon .infoWrap label{line-height:14px; margin-top:5px;} .content .currencyWrap{background-position:center top 69px;} /*contact*/ .content .callUsWrap .ipadWrapper .contactMethod li{width:50%; margin-right:0; font-size:22px;} .content .callUsWrap .ipadWrapper .contactDetails > div{width:100px; height:100px; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; min-width:100px; padding:5px; margin:12px; font-size:12px; line-height:13px;} .content .callUsWrap .ipadWrapper .contactDetails > div.current, .content .callUsWrap .ipadWrapper .contactDetails > div:hover{top:0;} .content .callUsWrap .ipadWrapper .contactDetails i{width:100%; margin-bottom:0;} .content .callUsWrap .ipadWrapper .contactDetails p{margin-top:3px; font-size:12px; margin-bottom:5px; line-height:15px;} .content .callUsWrap .ipadWrapper .contactDetails span{font-size:10px; line-height:11px; word-break:break-all;} .content .callUsWrap .ipadWrapper .contactDetails .qrCode img{display:none; width:100%;} .content .contactWrap h2{font-size:44px; font-weight:bolder;} .langEn .content .callUsWrap .ipadWrapper .contactMethod li{font-size:18px;} .langEn .content .contactWrap h2{font-size:40px; line-height:45px;} /*product*/ .marketWrap .mapDescWrap .countryDescription .title{font-size:26px; margin-bottom:15px;} .marketWrap .mapDescWrap > div:last-of-type{width:90%;} .recommendedTemplateCaroursel.poster-main .poster-list .poster-item{border-width:4px;} .recommendedTemplateCaroursel.poster-main .poster-btn:after{width:30px; height:60px; background-size:65px;} .recommendedTemplateCaroursel.poster-main .poster-prev-btn{left:-100px;} .recommendedTemplateCaroursel.poster-main .poster-next-btn{right:-100px;} .rouletteDescription .title{font-size:26px;} .rouletteDescription ul li{width:100%;} .rouletteDescription ul li p{font-size:18px;} .backOfficeSystemWrap .rouletteWrap i:before{font-size:19px; line-height:22px;} .flowWrap{display:flex; align-items:flex-start; flex-wrap:wrap; justify-content:center;} .flowWrap h2{width:100%;} .flowWrap img.mobile{display:none;} .flowWrap img.mobileS{display:block; width:45%; max-width:164px;} .flowWrap ul{position:relative; top:0; width:40%; max-width:160px; margin:-3px 0 0 10px;} .flowWrap ul li{display:flex; align-items:center; top:0 !important; width:100% !important; height:65px; padding:0 !important; margin-bottom:17px !important; line-height:18px; font-size:13px; text-align:left;} .flowWrap ul li:nth-of-type(odd){margin-left:-40px !important;} .flowWrap ul li:nth-of-type(4){margin-bottom:24px !important;} .modProduct .otherServiceWrap .cardList li .cardContent i{background-size:250px; background-position:left -7px center} .modProduct .otherServiceWrap .cardList li:nth-of-type(2) .cardContent i{background-position:left -64px center;} .modProduct .otherServiceWrap .cardList li:nth-of-type(3) .cardContent i{background-position:left -124px center; width:50px;} .modProduct .otherServiceWrap .cardList li:nth-of-type(4) .cardContent i{background-position:left -190px center;} .langEn .marketWrap .mapDescWrap .countryList i.indonesia{top:132px; left:234px;} .langEn .poster-main .poster-btn{z-index:100001 !important;} .langEn .flowWrap ul li{width:100% !important; margin-bottom:17px !important; font-size:10px; line-height:14px;} .langEn .flowWrap ul li:nth-of-type(4){margin-bottom:25px !important;} /*news*/ .articleWrap h1,.articleWrap h2{font-size:20px !important;} .articleWrap h3{font-size:16px;} .articleWrap .articleFooter .sharingWrap{flex-wrap:wrap; justify-content:center;} .articleWrap .articleFooter .sharingWrap .sharingTitle{width:100%; margin-bottom:12px; text-align:center;} .articleWrap .articleFooter .sharingWrap .sharingTitle img{margin:0 auto;} .articleWrap .articleFooter .sharingWrap .sharingTitle p{margin-top:2px; text-indent:0;} .articleWrap .articleFooter .sharingWrap img{margin-bottom:8px;} .articleWrap .articleFooter .recommendedArticle .articleList li img{margin-bottom:8px;} /*app*/ .generalAppIntro > .layout img{margin-bottom:25px;} .generalAppIntro .descWrap{float:none; width:100%; max-width:240px; margin:0 auto;} .generalAppIntro .descWrap.right{margin-top:15px;} .sportsAppIntro > .layout img{margin-bottom:25px;} .sportsAppIntro .descWrap{float:none; width:100%; max-width:240px; margin:0 auto;} .sportsAppIntro .descWrap.right{margin-top:15px;} .promotingWrap{display:block; padding:60px 30px !important; box-sizing:border-box;} .promotingWrap .qrWrap{margin:30px 0 0 0;} .modApp .popupInfo .wrapBg:before{top:35px; width:300px; height:300px;} .modApp .popupInfo .wrapBg img, .modApp .sportsAppIntro .popupInfo .wrapBg img{width:430px; margin-top:50px;} .fifaCountdownWrap .fifaTimer > p{margin:0 0 0 20px; font-size:26px; line-height:34px;} .fifaCountdownWrap .fifaTimer .fifaLogo{width:100px;} .fifaCountdownWrap .timer span{margin:0 8px; font-size:30px;} .fifaCountdownWrap .timer span label{margin-top:12px;} } @media screen and (max-width:450px) { .content h1, .content h2{font-size:30px;} .content .slick-dots li button:before{font-size:12px;} /*home*/ .kzVideoWrap .kzIntroWrap > div > div{height:200px; padding:42px 8px !important;} .kzVideoWrap .kzIntroWrap > div > div p{font-size:18px; line-height:24px;} /*about*/ .slotsMachineWrap.mobile h2{font-size:14px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){font-size:14px; margin-bottom:2px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span{font-size:12px; line-height:17px;} .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{top:0;} .slotsMachineWrap .slotsHandle .hints{right:-1%;} .langEn .slotsMachineWrap.mobile h2{top:2.5%; font-size:12px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span{font-size:9px; line-height:12px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(1), .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){margin-bottom:2px; font-size:12px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:nth-of-type(2){margin-bottom:7px;} .langEn .slotsMachineWrap .slotsTable .slotsColumn ul li span:before{top:-1px;} /*gaming*/ /*contact*/ .langEn .content .callUsWrap .ipadWrapper .contactMethod li{line-height:24px;} /*product*/ .marketWrap .mapDescWrap{margin-top:80px;} .marketWrap .mapDescWrap > div:first-of-type{min-width:360px; margin-right:0;} .marketWrap .mapDescWrap .countryList i.china{top:-50px; left:222px;} .marketWrap .mapDescWrap .countryList i.vietnam{top:12px; left:250px;} .marketWrap .mapDescWrap .countryList i.thailand{top:77px; left:238px;} .marketWrap .mapDescWrap .countryList i.india{top:94px; left:161px;} .marketWrap .mapDescWrap .countryList i.indonesia{top:153px; left:273px;} .marketWrap .mapDescWrap .countryList p{width:300px; margin:0 auto;} .langEn .marketWrap .mapDescWrap .countryDescription a{width:240px; height:53px; line-height:53px; font-size:16px; background-size:contain;} /*app*/ .appSelectionWrap .appList > div p{width:100px; padding:6px 0; text-align:center;} .modApp .popupInfo .wrapBg:before{top:35px; width:220px; height:220px;} .modApp .popupInfo .wrapBg img, .modApp .sportsAppIntro .popupInfo .wrapBg img{width:310px;} .fifaCountdownWrap .fifaTimer > p{width:100%; margin:10px auto 0; font-size:20px; line-height:26px;} .fifaCountdownWrap .fifaTimer .fifaLogo{display:block; width:90px; margin:0 auto;} .fifaCountdownWrap .timer i{display:none;} .fifaCountdownWrap .timer span{font-size:20px;} .fifaCountdownWrap .timer span label{margin-top:8px; font-size:9px;} } @media screen and (max-width:400px) { .flowWrap img.mobileS{max-width:120px;} .flowWrap ul{width:50%; margin:-10px 0 0 10px;} .flowWrap ul li{margin-bottom:-5px !important; font-size:11px; line-height:16px;} .flowWrap ul li:nth-of-type(odd){margin-left:-35px !important;} .flowWrap ul li:nth-of-type(4){margin-bottom:-1px !important;} .langEn .flowWrap ul li{margin-bottom:-5px !important;} .langEn .flowWrap ul li:nth-of-type(4){margin-bottom:0 !important;} } #callbell-iframe{z-index:100000 !important; bottom:88px !important;} .enOnly{display:none;} .langEn .cnOnly{display:none;} .langEn .enOnly{display:inherit;}