/* --------------------------------------------------------------- */ /* *. 36 - [layout] ........... */ /* --------------------------------------------------------------- */ .main__heading>span,.swiper-slide{display:block;justify-content:unset;align-items:unset} /* *. 37 - [start....home-page] ........... */ .main_content_wrap{width:90%;margin:0 auto} .main_content_wrap_notice{width:95%!important;margin-top:20px!important;min-height:600px} .pointFlow .txt span{color:var(--txtColor111)} .v_deep_home{float:left;width:100%} .v_deep_home .main_content_wrap .casinoZone{ margin-top:20px;border-bottom:1px solid var(--bdColor041);padding-bottom:17px;width:100%} .v_deep_home .main_content_wrap .casinoZone .title{ color:var(--txtColor71);font-size:24px;display:flex;align-items:center;font-weight:700;margin-bottom:24px} .v_deep_home .main_content_wrap .casinoZone .title span{ font-size:49px;color:var(--txtColor65)} .v_deep_home .main_content_wrap .casinoZone .title .txt{ display:flex;margin-top:10px;font-family:arial;font-size:24px} .v_deep_home .main_content_wrap .casinoZone .title h3{ color:var(--txtColor72);margin-left:4px} .v_deep_home .main_content_wrap .casinoZone .content ul{ width:100%;display:flex;flex-wrap:wrap;justify-content:start} .v_deep_home .main_content_wrap .casinoZone .content ul li{ width:24%; height:233px; border:1px solid var(--bdColor038); border-radius:10px; box-shadow:2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf; padding-bottom:23px; margin-bottom:20px; background:var(--bgColor073); background:linear-gradient(360deg,var(--bgColor074_gs) 0%,var(--bgColor074_ge) 100%); position:relative; cursor:pointer; overflow:hidden; margin-right:1%; } .v_deep_home .main_content_wrap .casinoZone .content ul li .ppPro{ position:absolute;top:0;left:0;z-index:3} .v_deep_home .main_content_wrap .casinoZone .content ul li .ppPro img{ width:6vw} .v_deep_home .main_content_wrap .casinoZone .content ul li .logo{ background-size:cover;position:absolute;right:3%;top:4%;z-index:2} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .logoA{ background-image:url(/image/main/home/v2/casinoLogo01.svg);width:12%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo01_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='WmReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo01.svg);width:12%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='WmReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo01_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .logoA{ background-image:url(/image/main/home/v2/casinoLogo02.svg);width:20%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo02_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AgBr'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo02.svg);width:20%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AgBr']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo02_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AgBr'] .modelA{padding-bottom: 51%;width:83%;left: -1%;top:5%} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='AgBr'] .modelA{ background-image:url(/image/main/home/v2/casino02.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .logoA{ background-image:url(/image/main/home/v2/casinoLogo03.svg);width:20.2%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo03_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo03.svg);width:20.2%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo03_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .logoA{ background-image:url(/image/main/home/v2/casinoLogo04.svg);width:11.2%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo04_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='MgpReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo04.svg);width:11.2%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='mg']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo04_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .logoA{ background-image:url(/image/main/home/v2/casinoLogo05.svg);width:11.3%;padding-bottom:16.6%;transition:0.3s ease-out;right:5%;top:4%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo05_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='PrgReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo05.svg);width:11.3%;padding-bottom:16.6%;transition:0.3s ease-out;right:5%;top:4%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='PrgReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo05_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .logoA{ background-image:url(/image/main/home/v2/casinoLogo06.svg);width:29%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo06_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='EvoReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo06.svg);width:29%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='EvoReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo06_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .logoA{ background-image:url(/image/main/home/v2/casinoLogo07.svg);width:16%;padding-bottom:13.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo07_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='OgReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo07.svg);width:16%;padding-bottom:13.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='OgReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo07_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .logoA{ background-image:url(/image/main/home/v2/casinoLogo08.svg);width:23%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo08_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='DgReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo08.svg);width:23%;padding-bottom:11.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='DgReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo08_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='GpiLive'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo09.svg);width:14%;padding-bottom:14.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='GpiLive']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo09_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='BgReal'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo010.svg);width:14%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='BgReal']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo010_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='Ae2Real'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo011.svg);width:28%;padding-bottom:14.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='bt']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo012e_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='bt'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo012.svg);width:18.2%;padding-bottom:20.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='ezugi']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo014_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='ezugi'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo014.svg);width:31.2%;padding-bottom:12.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='awc']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo_sexy_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='awc'] .logoA{ background-image:url(/image/main/home/v2/casinoLogo_sexy.svg);width:28%;padding-bottom:14.1%;transition:0.3s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='Ae2Real']:hover .logoA{ background-image:url(/image/main/home/v2/casinoLogo011_h.svg)} .v_deep_home .main_content_wrap .casinoZone .content ul li:hover .logoA { filter: grayscale(1) contrast(0.5) !important; } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"] .logoA { background-image: url(../assets/image/.svg); padding-bottom: 49%; width: 29%; padding-bottom: 11.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ptx"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_PlayTech.svg); width: 20%; padding-bottom: 14.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="xpg"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_XproGaming.svg); padding-bottom: 49%; width: 29%; padding-bottom: 11.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="one"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_oneTouch.svg); width: 12%; padding-bottom: 12.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="alb"] .logoA { background-image: url(/image/main/home/v2/casinoLogo03.svg); width: 29%; padding-bottom: 17.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="dwc"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_downin.svg); width: 17%; padding-bottom: 17.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_SkyWind.svg); width: 13%; padding-bottom: 13.1%; transition: 0.3s ease-out; background-size: 100%; background-repeat: no-repeat; } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="mgg"] .logoA { background-image: url(/image/main/home/v2/casinoLogo04.svg); width: 11.2%; padding-bottom: 11.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ts"] .logoA { background-image: url(/image/main/home/v2/casinoLogo_taishan.svg); width: 28.2%; padding-bottom: 11.1%; transition: 0.3s ease-out } .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='BbinReal'] .logoA{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAeCAYAAACCJCjqAAAGLUlEQVRogb1ZaWxVRRT+3uujBRWQLWowalTEpRilYltqNUZR20QsKCoNaKJ/DFHjlooaNUajxBhNNCZg4oYoYC1KgtYFRAShrRVxZRepFI1oQRBLH3TGHPPdOJ3O3d677Zfc5N25c895883Z5tzUpq17XwHwK4DnAPyBvsODAE4EMA/AN32ox0QRgCcAnAygAcDipASnNm7p0Py9B0AJgF+SEm5hNYCLOFQF4MM+0uMhDeBTAJcYY9cDqE9CeEZrvZM7MgrAAktRkthlyHoXwHAAnX2kS3C6Yy33Jkac0tq8v5gk7kxCeAAGArgGwKI+1PGnYyyxECEWZ4+V9QNxgnH9QJy45tu83wbg/qSEZ5TqRVxRUsJD0B966pmUagFUAtiXlOCM1soe6/aZewyAYwFkuZt+86Ii6P2hAEYC+IeZ/nAeep7iFYSjAYwAcIRr6woT6rI4k8lqADUAyllKDOEiJANvAdDIFJ9LJk5b91MY90oBjAYwmAsRXZsBfEBdbTF0yH/+jXJsXArgWlqizBvGtQtx2wF8TIv9wSU41bqh/WcmBIGweCF3+lX+DoMQ+TyAB0IsYyGAG417iTdPA7iatda5EXW9AGB2RCtcA2As/9/jHJtAC7wswvuC1/hffzcHUy3rd5nEKdZbkl1TEQV72Err/NHnuU1cHYCDAF6MqQfUJda5MWTeFwAm8vftLPQbctDXAWAa68L/kGpqbTOJyxdZuvV6hxybuEMsS3KFxKHxARslWB7DsqKgmuFJ6rheycHGDpYNq2iuAwAU08VqrLmFAJoYp74OkesiTcqgN7mzpq4pDl1FdMXReRTSe6hPCG5n3B3Lk81Mx3yJs6cKJ6nVzT8FWZzEhccCMmAFgJepzESW8dEsOG2LsyFx59GA2CWngNcd//UdupEL79GlXZjHcLHf5/lZnFNpjUuyKE6tWrfdj7hbmCDCUMRYUuIgTwLxt7w3z6omJCHNAPBWBF1SpmwAcIo1LonlO8d8WeTZjnFJZHMi6ANd8yprbFpGKaerzo1IGhhr5LTRzJjjQdy2BcAFAL5naj+Bpi6JZzeAj5hZN0XU9RfLiB3WeJ3lWkcBWOEgTRY7i5YUFVUMG6OM+Q+nln++2ba4A9zZXgVeCDIAVjqsqotu1sz7kxi72vIobKUFdpdxv58Ly1K+xKwxjvfm0NriYrrlEd0ui1uUA2lgkVlplQCgK69lzPsqZgHrh7kWcUMYh4cyKQ33eS/XM/hCWulg3h8S4uwKfk2Owj1UOMhL0+KkVPkyT/nggb3DIEh2/0lmXz/SQIJzxToAV3j65Mhlm9zfCSysglZWbowVULnEw9Y85XfzmGeSVJenzDB0mM8z3UodsF7Ipyg1UUGiSo2xAhJa5lMkx8Fxxlzba8DkkGYySQIFpgwpgNtZZHooiVgahEEb2dY88w6IUST7QZLZ8QHPPwNwOYCXEiSuxxFUYpzUP1caY7VsMScFj7wJhjyPPLtIjorpAfOW8VQjODPBdfSAxDipr+4zBmUn72bKj4OJrKXGs3e3j0XpbYx1TazpPBSS0NKY5BWyOenCAqueyyZBkgticS3srZ1hPH+Wsag5opxnfKx0JeNMt0GeecIo4lhZDPKWGWWBCWk33RlRRt7wGpmzWDSaWMsz4JIAJSN5Vp3seDaDB2gPR0iebMb5xvhAnjDk+8DSEF3SG5vkeCZn6kcikOFKIlHRM8axdb6CRZ4ZO9LsXS0hOa1MyWIlpwGYCuAOn7pppkWah8NGzDvPGC/kgVyu+az1TF2T2U8b5pB5T4ywErfHaMLKqv+3zmv5J+2u71RenYxbssgRAQpuZqzxQ5bkNVnkga2jGrq2p8vllh6iNiI87I0x10aPLor9ebCcMaTK8eIgXn4QQTdE/ODbxaTwPssGGwUhmyNuf12Ia7tgh6M4kIbETd78tHyQNi6ltK5WWs9WWh+0ngVdnyitxymt62O8k1VaT1JaP6S07ozxXqPSulhpvTTCXHN9DUrrbTH02NdipfVujg1Kza/3PZpKWXIr3bSYbmNC+vdSaL7htZPzgHRxxe3krHmOQ5cU6ZKhRZd8fYoKaatLQ1I6tyI73/JEQlkjgDH/AlCHhCSpWa0SAAAAAElFTkSuQmCC);width:22%;padding-bottom:8.4%;transition:0.3s ease-out}.v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='BbinReal']:hover .logoA{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAAAeCAMAAAC1+tjYAAAAn1BMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8Kd3m4AAAANHRSTlMA++714ffytQrk1sY4DAbr58u5VZNZXUwd28Gnj3tyUEEl3tCZi4eAYSsTr52WRzUxFr1nMAND5wAAAidJREFUSMeNlOl2gjAQRidYEBFBcd9x39qq7bz/s1WYkA6E6en9I5wv3MRkJjBtb6CeJOiDSKfXWkANiCqEWjzEpWSLHESs8ylEB2p5Q8SroPvEF169DkNRNxB0m0wXCLqFqGuDwAJRTQTdXtT1QCJxJyDoPvKn5/0SCaubpA9f8j7DR4fpaIdOgYuIymmG1uqOUx5p7qRf7fLMm62ZbjRuoKHnM10TTm4lIjz1BTByfrPpxegc5Kgx082tyBTl/IAlVqSzGRqdReFz0GbJdKq9HJ7fu9pHOhOt1sO9jq5lndqd+sPBll5So5vpQ/2mreozXdunaJUPbdGLlge6Wsa53i1077+93Sh8XvbLG2OSj6UzpFkTMMT44gCq2i4++dZwe0VqOmZRmAVbALjSVPNqAbukA45PY8+vz9NK8e6yoAOhQrQ6cJCLVE0vk28kXCTRBIl5OTS6PfzTF+WLUkg0y2Fc6A7wX18DGU37ygCXHZ7lG9oXBuE4tq6V6WLhGmrU+cLCBoGg6yGiAtHXB05Cti6AtLpzlt+A8R00XC+AyPZ1yLYFWQcuFZmhRzUVgW/5YszYwV+6FSI73A014wfrj2M5mkGhS2ydafXW6eI/+zPUNt6/3eP9uhnp6AaSLpuNF5NCzZ7dBwx+Vzh2V0y1LoqxxIJtvlOOjsB0KVhNS09N9kW8tmrDRJ/AdK1qB6pCB5eE/pZ6W0KFx5eOtjxyMe5AhVThD5cppJFi9ZRrAAAAAElFTkSuQmCC)}.v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='YxReal'] .logoA{background-image:url(/image/main/home/v2/casinoLogo013.png);width:22%;padding-bottom:14.4%;transition:0.3s ease-out}.v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='YxReal']:hover .logoA{background-image:url(/image/main/home/v2/casinoLogo013_h.png)}.v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='VivoVideo'] .logoA{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAC8VBMVEUAAAC6wde2vdSxuNC7wdiuts7Q1Om8wtm+w9qxuNCpscq5wNe2vdTQ1OjIzeOjrMXJzuPU2OzCx924v9bR1Om4v9avts7N0eattc20u9OqssvS1uq6wde8wtmttc2pscq5wNeosMnX2u6stMzAxdy0u9K4v9astMyvts7Kz+Sss8zDyN67wdjFyuC1vNPV2OzLz+WstM3Cx93Cx92/xNuzutKiq8TFyuDN0ealrsfHzOLLz+TFyuC1vNTAxdu8wtm/xdyttc3Kz+TDyN7M0ebS1uq3vtXO0ufJzuS9w9qnsMnGy+HHzOK5wNfM0Oars8vY2++/xNu0u9Kvts7R1enM0OXFyuDY2+/O0ue4v9bHzOGmr8jY2++1vNOvt8/Axdyqs8u0u9LQ1OnBxt3JzuOpscrS1uupscqnsMiyudGjq8XM0Oa/xduyudDX2u7HzOGlrselrsezutG5wNfN0ufJzePR1emmrsfKz+SjrMXEyd+5wNfIzeLIzOKjrMWttc3N0uers8vQ1OnDyN63vtXIzeKosMnP0+ilrcbBxtywt8++w9rIzeKstMy6wdenr8ihqsPU1+zEyd/Gy+HP0+i5wNahqsPY2+/Cx93V2e22vdTLz+Swt8+0u9KpscrQ1OnAxdy6wdfAxdzU2OzR1enGy+HO0ufP0+e5wNehqsOwt8+iq8TBxtzV2O3FyuCkrMWqssrY2+/Bxt2xudC+xNrT1+vY2+/N0ebO0uewt8/HzOGxuNDEyd+zutHX2u7Kz+SqssqstMzS1uq1vNPGy+HU2OzBxtzEyd/DyN7N0ebY2++yudGvts7M0OWyudGnr8jT1+u0u9Kuts2ttc26wdeqssqvts7W2e3R1enV2Oyqs8ulrcbT1+u5wNattc2pscmzutGkrMXAxdyiq8TDyN6+w9rN0ebP0+imrsemr8fKz+XGy+Gnr8jY2++2vdS1vNPCx928wtm7wti3vtXM0OXFyuDIzeKvts6xuNDJzuOwt89DGFJ5AAAA13RSTlMABQkwLxYUDgfgMODgLRj037mwsGZdWCQfGhQK9OHg4MOejG9nZFBLPj04MykR+ff18eng4ODe2dDOsbCwsK+vko2LiHxtbFhTQCsiG/z49/X09PTy8vHt6OPg4N/c2dXQzcTEwcG9u7mwraWbmZiYmIyHhoB3dWVjXl1YRkM+LR79+/v7+vn49/b28enp6Ojo4ODc1tXV1NDPz8zDuK+qp6ehoJ6dmpKOiIB/enlvbmRcV1NSTj84KCX9+vnp4+DX09HR0MvLybq3r6SikI+HgXt6dHNpYvAhrJ4AAAVhSURBVFjDlZN1WBRBGMbfPT05FcUAQWwUwe7u7u7u7u7u7u7u7u7uRNEzzsMA4SwQ/ctvdnb3bvaOA388z83M973vuzO7A+LC91BA6hUtQiIjG7ZYcTvg0ET8F8f7t43U0bb/cSSQJPvOh7ik7cMkCbEHNGTiSKc/RsOAlHCPNLxAiFtaVJPghhSrQuJlVQrESbUCLxNAAW+4xtTfhXrRNRfFLSa4IEP3106kPgac2FLAuZ4hIf6mAb7qd12k73V2SpBSvxC57O2oOaZvp9afYqvQnrwhF3Sc3NFUkGyFgLdjr+VQl9fFw3upo8pb+P4zPml0ryEhLsZtmKzpZjjcB6mkWm26PYVwr2sMrzrSFw7UHdpS1ZaExvCPnKXVPIQP04eXO9cRrkuNzoq8mvacZvK6zFiIVP2ocEt/47fXZ+Vm6qu690tmzQmI1PilsAMi+SrXl+uVlQ0UDCfq02+fuhCo2ZV1Sg6DiHfLcE7BJHyn8uLCxD5UqWqAgMH3ZD79lygZHp6qZhnZNBSMVH8YqYBca2ioCbf4lvnzp9kwE8qoJrLFyMjzkXNjYrq6+X/3qDwtJmYbe3eluYtd2AERMq1VRcTpAUngDM+PiOiaB4zS3DWApkvUAI4vtZrvl+BMrqukUk9YlruW0NWK5iyGytgS0dElxkJHnbLR0c2HGQBTHgMLUGwTMdrKsQdA2t/cai2dVzh8lbNWq3z4OiWsN1iAYhuNKsqsiHBT+k6xTqlov9c5ClutXeTDm0qQloLSKLYqSPONUwQCiW9++1Y4B5/XWkntw3w+mmnzQbOlQQcLhwJEjha1WFbWoj2Xt1hm7TWAk4ak15WR0QGFlVlR6DHsbWSxbKwyy2LZnBIqXUjKNkOpMoXRKIzDAvSk38w67PB5N/ble6gYFlYRLECxNUKYy4DEHSrUBZFnTlgOkH9OGI0MQ45x4AEK+K6QSQioSIV8IDJ9T0y/WUkwRBBUUH3I+IMjBuykSl854AcF5GUCHzFAsWXEfDMnORTGbKpFn4Aq9Yy0Sm6mAB9aZfSA9HRTYi1Asc3HMn1ARnO9MZCSUymnGpCTFtWBtGZzVnBozllGMzFAmkpP80OtemazjxpgyNqK/GNI1UofkBZDfnI8QVtlz1xNi530VM9W6Wnl+VPbdVZq2Heg2IbAJ4rjSZ6oqHISqtOiHVQ8o7SAqdQIBE4FsuByis0HfjYOBVSnYTCkTjZbfnuALREUGttsqyUcyW+7wgIUmx/Q7p1MMSCIhvxGpO/0bh1Uir3TAh7lX0fNxiQyUAB3sa320wKkczQGsotn0gXYGUySxjT24q5+NA3m06Q0DaRxMASS6gI6keSOPSBY1sQyWADux8YG6gJixYD2sbFnJrAAuwm7/zJmpwMRTL9iwF85IF37tR5gVOLC3Ell024w/Jv8llnLpHoy/07E/NR+DoKsRiD9Xe5o4g+e+kahn9E54A0LmEfN7FAwPW6i6CuBYyykJhR6IrkKCGK9YHCOZNbU2vOyv9FoH6QPSMb7l/h6Qje7Njs0Ooba6VEbDmQJpYB0oaENcoPwHzjJLuwIOxMaOCRMquSvC5CyrWd+KXshB1kD4UEHQx2Z90wIUAi6KIgOQiDbW4GOwWrAWyXgVE9RkQ0iUo+3Iuv9HAM8Bk0X2z0k6DB0+yoy/YGBym2+soARC3TNbqynT+j5RceCURTwJRnGl9J3errws3f9WU+p3G0+B/V2KmeT4JoRM18lgJkjECe1S8XvL1Ub7jjg9d4tXgcQD8ZBXm7sg4yIH/89xT+4pPgefySQ8QOLO7kHjsd/4TdqV+/lC70+fPBauLz3rlF+iIN/ki3IQQn156QAAAAASUVORK5CYII=);width:15%;padding-bottom:15.4%;transition:0.3s ease-out}.v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='VivoVideo']:hover .logoA{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAApVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+4/eNVAAAANnRSTlMA4LAvBfUJ+/L46kAU3GSLzsEXnm4pD4ddf3kb1LxZJB+3mmdWOtCXUjSpSeTXysWkj0+TdGtxOiHtAAAD3UlEQVRYw6WX55rqIBCGJ5EUY+91LbGtZXfVo3P/l3YgJBkCWM6e74f6mPDCFIYBHmk+ayynUYDoRVN3MFzAP6myc1BTbVeBN1Udn9AqZ1R9Z/iljA/lNdrwXOwW4lOFXQZP1GviSzV78FD3Mr6hcv3R8mOb477RVMdqhv+BhpZXgH3HXNeH/8748DLP4mpkRcsgsKX2yrauvnPV8R+6FR1UFRw2RoAuYdEPxccr9dlp1LY6aTVFRYVYlMqKeWv2eI8cAopmSXFAHitv1yvk9Xo8rs9B0WQU5RlF/95Q6qvbL6z5LOf7WRTcPftBqW4+j3SPq+/XUZ4O2oNS7CVxzlx1wUTfuudnGeCP9qDfkEtrpAtIcGX+eZ5AQZ8t8eL2BlrIuBsSgldVVupMDvyfsa+Fbt7r65HYItY+XRQagVBNAgA2Tf61hqea85HhmIGbDeLDkH7XI54HJSDZjI+571IACr/vCCDfCGJ76SM+AWJhAQHkGqluGcanFhKgxlMLCSB1/OIpdbQaL3zM9j4BcAEzAwCsG/Lk6RWMH5QRO20BquG3AhjCgACk6o67otEvGr9P4MLiNgEG4BJAVYlXkGhlGj9Erj4BXJgSQEtDPleTh2mRJhg5TzVhChEBNPljD/GQGE8pLnbiTAFE4BHA0KST7GZufO8cyzX8SbYWATxAK6D05Saz7kO8i4LIw7JK69oxNSWVCcgmcpIgOCgyr5VuHBIB7CY0ZN1NAb0k4laAZzpxdq7wEIja3pYAGbuwD+x2KOmAyAyjh8EamDiLrhIgcfdk0I8OmBqJxERbtIAK/xpmAP/ndJcVztEBbiGVh2JO0SJcAK61U2aCUOrJlg4YwJAAnxzI4J7s0lQqIJDH0Xw1KWymBQG6CZE1uQ02gMdTm8FnGbfqdlYLylEU5ypMmri0AcbBsg0TEXZfLSgQ5wAWpWdmz9cApEES+xywE5uVnFinw8IKSF18LhZVcCQgzeD6cwAvd0EpBzjKweKtkxq/BitgVmv10xz3ZmKTyVlHytGW1SwrYE0NxaYKMDkj0tEmqKnith3ATvIwp0IjRP5qhxkhvDEb4CiebbJS5+Rv5/N1la7+aADk82laaVr0blcNDmnZMwAznmCbrNznajJ7k4XBpa/7oOPu0wOHVC5MVEdV0YqpADryVNUtjSZpW9EB8yVaGk0S03tZd0EA6oqMVpfktzRCeeDngFWkN9tvteunoQRUtu+0+8LXqOt74+D18OrCQaqbV4vAduX5z0tXCZ6IdV9e++CF2g3vdxdPUnXk/PrqS5fvmnH5jivwT1oMB+408l5e//8CDwVhrF6lxm4AAAAASUVORK5CYII=)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="vv"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ptx"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="xpg"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="one"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="alb"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="dwc"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="mgg"]:hover .logoA, .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ts"]:hover .logoA { filter: brightness(1.5); } .v_deep_home .main_content_wrap .casinoZone .content ul li .model{ background-repeat:no-repeat; background-size:cover; width:100%; height:0; transition:0.3s ease-out; position:absolute; z-index:2; margin:0 auto; position: relative; } .v_deep_home .main_content_wrap .casinoZone .content ul li .model:before { content: ""; width: 100%; display: block; height: 26px; background: linear-gradient(0deg, #f1f1f8, transparent); bottom: 0px; position: absolute; } .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA{ padding-bottom:55%;top:5%;left:-7%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino01 .modelA{background-image:url(/image/main/home/v2/casino01.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino01 .modelA{background-image:url(/image/main/home/v2/casino01.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='WmReal'] .modelA{padding-bottom: 54%;top: -9%;left:5%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='WmReal'] .modelA{background-image:url(/image/main/home/v2/CasinoMain04.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='WmReal'] .modelA{background-image:url(/image/main/home/v2/casino01.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA{padding-bottom:54%;width:83%;left:8%;top:4%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino02 .modelA{background-image:url(/image/main/home/v2/casino02.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino02 .modelA{background-image:url(/image/main/home/v2/casino02.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA{padding-bottom:55%;width:68%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino03 .modelA{background-image:url(/image/main/home/v2/casino03.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino03 .modelA{background-image:url(/image/main/home/v2/casino03.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{padding-bottom:55%;width:68%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{background-image:url(/image/main/home/v2/casino03.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{background-image:url(/image/main/home/v2/casino03.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA{padding-bottom:55%;width:94%;top:3%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino04 .modelA{background-image:url(/image/main/home/v2/casino04.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino04 .modelA{background-image:url(/image/main/home/v2/casino04.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='mg'] .modelA{padding-bottom: 50%;width:83%;top: 6%;left: 0%;%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game='mg'] .modelA{background-image:url(/image/main/home/v2/CasinoMain17.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game='mg'] .modelA{background-image:url(/image/main/home/v2/casino04.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA{padding-bottom:56%;width:84%;left:4%;top:4%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino05 .modelA{background-image:url(/image/main/home/v2/casino05.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino05 .modelA{background-image:url(/image/main/home/v2/casino05.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='PrgReal'] .modelA{padding-bottom:52%;width:83%;left: -5%;top:2%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='PrgReal'] .modelA{background-image:url(/image/main/home/v2/CasinoMain03.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='PrgReal'] .modelA{background-image:url(/image/main/home/v2/casino05.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA{padding-bottom:55%;width:91%;left:7%;top:4%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino06 .modelA{background-image:url(/image/main/home/v2/casino06.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino06 .modelA{background-image:url(/image/main/home/v2/casino06.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='EvoReal'] .modelA{padding-bottom: 50%;width: 80%;left: 0;top: -3%;} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='EvoReal'] .modelA{background-image:url(/image/main/home/v2/CasinoMain01.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='EvoReal'] .modelA{background-image:url(/image/main/home/v2/casino06.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA{padding-bottom:55%;width:93%;left:3%;top:4%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino07 .modelA{background-image:url(/image/main/home/v2/casino07.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino07 .modelA{background-image:url(/image/main/home/v2/casino07.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='OgReal'] .modelA{padding-bottom:46%;width:84%;left:5%;top:4%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='OgReal'] .modelA{background-image:url(/image/main/home/v2/casino07.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='OgReal'] .modelA{background-image:url(/image/main/home/v2/casino07.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA{padding-bottom:55%;width:73%;left:6%;top:12px} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino08 .modelA{background-image:url(/image/main/home/v2/casino08.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino08 .modelA{background-image:url(/image/main/home/v2/casino08.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='DgReal'] .modelA{padding-bottom:51%;width:73%;left: 1%;top:12px} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='DgReal'] .modelA{background-image:url(/image/main/home/v2/CasinoMain05.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='DgReal'] .modelA{background-image:url(/image/main/home/v2/casino08.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{padding-bottom:51%;width:84%;top:4%;left:5%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{background-image:url(/image/main/home/v2/casino03.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='AllBetReal'] .modelA{background-image:url(/image/main/home/v2/casino03.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA{padding-bottom:56%;width:100%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li.casino03 .modelA{top:3%;background-image:url(/image/main/home/v2/casino03.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li.casino03 .modelA{background-image:url(/image/main/home/v2/casino03.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='ezugi'] .modelA{padding-bottom:47%;width:71%;left: -5%;top:21px} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game='ezugi'] .modelA{background-image:url(/image/main/home/v2/CasinoMain02.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game='ezugi'] .modelA{background-image:url(/image/main/home/v2/casino09.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game='bt'] .modelA{padding-bottom: 48%;width:87%;left: 4%;top:12px} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game='bt'] .modelA{background-image:url(/image/main/home/v2/CasinoMain16.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game='bt'] .modelA{background-image:url(/image/main/home/v2/casino010.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='Ae2Real'] .modelA{padding-bottom:49%;width:82%;left:9%;top:3%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='Ae2Real'] .modelA{background-image:url(/image/main/home/v2/casino011.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='Ae2Real'] .modelA{background-image:url(/image/main/home/v2/casino011.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='BbinReal'] .modelA{padding-bottom:44%;width:74%;left:12%;top:7%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='BbinReal'] .modelA{background-image:url(/image/main/home/v2/casino012.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='BbinReal'] .modelA{background-image:url(/image/main/home/v2/casino012.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='YxReal'] .modelA{padding-bottom:46%;width:81%;left:9%;top:7%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='YxReal'] .modelA{background-image:url(/image/main/home/v2/casino013.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='YxReal'] .modelA{background-image:url(/image/main/home/v2/casino013.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game-box='VivoVideo'] .modelA{padding-bottom:46%;width:81%;left:9%;top:7%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='VivoVideo'] .modelA{background-image:url(/image/main/home/v2/casino014.webp)} .v_deep_home .no-webp .main_content_wrap .casinoZone .content ul li[game-box='VivoVideo'] .modelA{background-image:url(/image/main/home/v2/casino014.png)} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="vv"] .modelA{background-image:url(/image/main/home/v2/CasinoMain06.webp);padding-bottom: 52%;width: 87%;left: -1%;top: 5%;} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ptx"] .modelA{background-image:url(/image/main/home/v2/CasinoMain07.webp);padding-bottom: 51%;width:83%;left: -2%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"] .modelA{background-image:url(/image/main/home/v2/CasinoMain12.webp);padding-bottom:49%;width:83%;left:10%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="xpg"] .modelA{background-image:url(/image/main/home/v2/CasinoMain08.webp);padding-bottom: 51%;width:83%;left: -2%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="awc"] .modelA{background-image:url(/image/main/home/v2/CasinoMain08.webp);padding-bottom: 51%;width:83%;left: -2%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="one"] .modelA{background-image:url(/image/main/home/v2/CasinoMain09.webp);padding-bottom: 52%;width: 86%;left: 0%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="alb"] .modelA{background-image:url(/image/main/home/v2/CasinoMain10.webp);padding-bottom: 46%;width: 82%;left: 41%;transform:translateX(-50%);top:0;background-size:100%;margin-top: 6%;} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="dwc"] .modelA{background-image:url(/image/main/home/v2/CasinoMain11.webp);padding-bottom: 52%;width: 87%;left: -1%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="sw"] .modelA{background-image:url(/image/main/home/v2/SkyWind-pc.webp);padding-bottom: 48%;width:83%;left: -2%;margin-top: 5%;} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="mgg"] .modelA{background-image:url(/image/main/home/v2/CasinoMain13.webp);padding-bottom: 51%;width:83%;left: 0%;top:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li[game="ts"] .modelA{background-image:url(/image/main/home/v2/CasinoMain14.webp);padding-bottom: 51%;width:83%;left: 0%;top:2%} .v_deep_home .webp .main_content_wrap .casinoZone .content ul li[game-box='AgBr'] .modelA{background-image:url(/image/main/home/v2/CasinoMain15.webp)} .v_deep_home .main_content_wrap .casinoZone .content ul li .come{ display:none} .v_deep_home .main_content_wrap .casinoZone .content ul li.coming{ cursor:auto} .v_deep_home .main_content_wrap .casinoZone .content ul li.coming .come img{ width:100%;height:auto} .v_deep_home .main_content_wrap .casinoZone .content ul li.coming .come{ display:flex!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%} .v_deep_home .main_content_wrap .casinoZone .content ul li.coming .logoA,.v_deep_home .main_content_wrap .casinoZone .content ul li.coming .modelA,.v_deep_home .main_content_wrap .casinoZone .content ul li.coming .txt,.v_deep_home .main_content_wrap .casinoZone .content ul li.coming .mask{ display:none} .v_deep_home .main_content_wrap .casinoZone .content ul li:hover .model{ background-position-y:5px} .v_deep_home .main_content_wrap .casinoZone .content ul li .txt{ width:100%;display:flex;flex-direction:column;align-items:center;z-index:2;position:absolute;bottom:18px} .v_deep_home .main_content_wrap .casinoZone .content ul li .txt h2{ font-size:1.7vw;color:var(--txtColor73)} .v_deep_home .main_content_wrap .casinoZone .content ul li .txt span{ font-size:.8vw;color:var(--txtColor73)} .v_deep_home .main_content_wrap .casinoZone .content ul li:hover .txt h2,.v_deep_home .main_content_wrap .casinoZone .content ul li:hover .txt span{ color:var(--txtColor02)} .v_deep_home .main_content_wrap .casinoZone .content ul li .mask{ position:absolute;top:0;width:100%;height:100%;background:var(--bgColor075);background:linear-gradient(0deg,var(--bgColor076_g01) 0%,var(--bgColor076_g02) 40%,var(--bgColor076_g03) 100%);border-radius:8px;z-index:1;display:flex;align-items:center;justify-content:center;display:none;transition:0.4s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li .mask .inner{ width:99%;height:99%;background:var(--bgColor077);background:linear-gradient(180deg,var(--bgColor078_g01) 0%,var(--bgColor078_g02) 75%,var(--bgColor078_g03) 100%);border-radius:8px;z-index:1;display:none;transition:0.4s ease-out} .v_deep_home .main_content_wrap .casinoZone .content ul li .mask .inner .icon-icconPlay{ display:none} .v_deep_home .main_content_wrap .casinoZone .content ul .maintainGo .maintain{ display:flex} .v_deep_home .main_content_wrap .casinoZone .content ul li .maintain{ display:none;background-color:var(--bgColor084);border:1px solid var(--bdColor052);border-radius:10px;width:100%;height:100%;position:absolute;z-index:2;align-items:center;justify-content:center;flex-direction:column} .v_deep_home .main_content_wrap .casinoZone .content ul li .maintain span{ font-size:6vw;color:var(--txtColor85)} .v_deep_home .main_content_wrap .casinoZone .content ul li .maintain h4{ color:var(--txtColor85);font-size:1vw;font-weight:700;margin-top:3%} .v_deep_home .main_content_wrap .casinoZone .content ul li:hover .mask,.v_deep_home .main_content_wrap .casinoZone .content ul li:hover .inner{ display:flex} .v_deep_home .main_content_wrap .slotZone{ padding-top:34px;display:flex;justify-content:space-between;align-items:center;width:100%} .v_deep_home .main_content_wrap .slotZone .leftFrame{ display:flex;justify-content:space-between;align-items:center;width:100%} .v_deep_home .slotShow{ display:flex!important} .v_deep_home .slotHide{ display:none!important} .v_deep_home .main_content_wrap .slotZone .slotLeft{ width:78%;display:flex;align-items:center;justify-content:space-between} .v_deep_home .main_content_wrap .slotZone .leftZone{ width:56%;border:1px solid var(--bdColor038);border-radius:10px;box-shadow:2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;background:var(--bgColor073);background:linear-gradient(360deg,var(--bgColor074_gs) 0%,var(--bgColor074_ge) 100%);overflow:hidden;position:relative;cursor:pointer;transition:0.4s ease-out} .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ background-size:cover;width:100%; /*padding-bottom:54%;*/ transition:0.4s ease-out;position:relative} .v_deep_home .webp .main_content_wrap .slotZone .slot01 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-sports.png) } .v_deep_home .webp .main_content_wrap .slotZone .slot02 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-live.png) } .v_deep_home .webp .main_content_wrap .slotZone .slot03 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-minigame.png) } .v_deep_home .webp .main_content_wrap .slotZone .slot04 .leftZone .pic:has(img[src="#"]) { content: url(/image/main/home/v2/adL06-742df3bd.webp) } .v_deep_home .webp .main_content_wrap .slotZone .slot05 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-casino.png) } .v_deep_home .webp .main_content_wrap .slotZone .slot06 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-slot.png) } .v_deep_home .webp .main_content_wrap .slotZone .slot07 .leftZone .pic:has(img[src="#"]) { content: url(/image/banner/sample/banner-holdem.png) } .v_deep_home .main_content_wrap .slotZone .leftZone:hover .pic{ transform:rotate(5deg) scale(1.2) translateX(-48px); } .v_deep_home .webp .main_content_wrap .slotZone .leftZone .pic .bg-cover-img { /*position: absolute;*/ } .v_deep_home .main_content_wrap .slotZone .leftZone .ppPro{ position:absolute;top:0;left:0} .v_deep_home .main_content_wrap .slotZone .leftZone .ppPro img{ width:8vw} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .ppPro{ position:absolute;top:0;left:0;z-index:8} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .ppPro img{ width:2.78vw} .v_deep_home .main_content_wrap .slotZone .leftZone .pic .maintain{ display:none;background-color:var(--bgColor084);border:1px solid var(--bdColor052);border-radius:10px;width:100%;height:100%;position:absolute;z-index:2;align-items:center;justify-content:center;flex-direction:column} .v_deep_home .main_content_wrap .slotZone .leftZone .pic .maintain span{ font-size:6vw;color:var(--txtColor85)} .v_deep_home .main_content_wrap .slotZone .leftZone .pic .maintain h4{ color:var(--txtColor85);font-size:1vw;font-weight:700;margin-top:3%} .v_deep_home .main_content_wrap .slotZone .leftZone .maintainGo .maintain{ display:flex} .v_deep_home .main_content_wrap .slotZone .centerZone{ width:35%} .v_deep_home .main_content_wrap .slotZone .centerZone .upZone{ padding-bottom:20px;border-bottom:1px solid var(--bdColor042);margin-bottom:20px} .v_deep_home .main_content_wrap .slotZone .centerZone .upZone h2{ color:var(--txtColor72);font-size:2.1vw;margin-bottom:20px} .v_deep_home .main_content_wrap .slotZone .centerZone .upZone p{ color:var(--txtColor66);line-height:1.6;font-size:.8vw} .v_deep_home .main_content_wrap .slotZone .centerZone .downZone{ display:flex;justify-content:space-between} .v_deep_home .main_content_wrap .slotZone .centerZone .downZone a{ border:1px solid var(--bdColor038);color:var(--txtColor66);font-weight:700;border-radius:10px;font-size:12px;padding:22px 0;margin-bottom:21px;box-shadow:none;background:var(--bgColor017);background:linear-gradient(180deg,var(--bgColor079_g01) 0%,var(--bgColor079_g02) 34%,var(--bgColor079_g03) 100%);display:flex;align-items:center;justify-content:center;width:49%;transition:0.4s ease-out} .v_deep_home .main_content_wrap .slotZone .centerZone .downZone a:hover{ font-weight:700;background:#fff;background:linear-gradient(180deg,var(--bgColor080_g01) 0%,var(--bgColor080_g02) 34%,var(--bgColor080_g03) 100%)} .v_deep_home .main_content_wrap .slotZone .rightZone{ width:15%} .v_deep_home .main_content_wrap .slotZone .rightZone ul li{ width:100%;border:1px solid var(--bdColor038);border-radius:10px;box-shadow:2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;margin-bottom:21px;background:var(--bgColor073);background:linear-gradient(360deg,var(--bgColor074_gs) 0%,var(--bgColor074_ge) 100%);position:relative;cursor:pointer;overflow:hidden;transition:0.4s ease-out} .v_deep_home .main_content_wrap .slotZone .rightZone ul li:before{ content:'';background-color:var(--bgColor084);width:100%;height:100%;position:absolute;z-index:3;opacity:0;transition:0.4s ease-out} .v_deep_home .main_content_wrap .slotZone .rightZone ul li:hover:before{ opacity:1} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .pic{ background-size:cover;background-position:center;padding-bottom:25%;width:100%;z-index:2;position:relative;transition:0.4s ease-out} .v_deep_home .main_content_wrap .slotZone .rightZone ul li:hover .pic{ transform:rotate(5deg) scale(1.2)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu01 .pic01{ background-image:url(/image/main/home/v2/sl_4.png)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu01 .pic01{ background-image:url(/image/main/home/v2/adr02-ccbbb0b9.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu02 .pic02{ background-image:url(/image/main/home/v2/sl_3.png)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu02 .pic02{ background-image:url(/image/main/home/v2/adr03-9e165699.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu03 .pic03{ background-image:url(/image/main/home/v2/sl_2.png)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu03 .pic03{ background-image:url(/image/main/home/v2/adr04-83b877cb.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu04 .pic04{ background-image:url(/image/main/home/v2/sl_2.png)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu04 .pic04{ background-image:url(/image/main/home/v2/adr05-25f3a5f5.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu05 .pic05{ background-image:url(/image/main/home/v2/sl_1.png)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu05 .pic05{ background-image:url(/image/main/home/v2/adr06-478dc13b.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu06 .pic06{ background-image:url(/image/main/home/v2/sl_5.png?v=002)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu06 .pic06{ background-image:url(/image/main/home/v2/adr06-478dc13b.png)} .v_deep_home .webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu07 .pic07{ background-image:url(/image/main/home/v2/sl_6.png?v=002)} .v_deep_home .no-webp .main_content_wrap .slotZone .rightZone ul li.mainhomemenu07 .pic07{ background-image:url(/image/main/home/v2/sl_6.png.png)} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .mask{ position:absolute;top:0;width:100%;height:100%;background:var(--bgColor075);background:linear-gradient(0deg,var(--bgColor081_gs) 0%,var(--bgColor081_ge) 40%,rgb(236,201,168) 100%);border-radius:8px;z-index:1;align-items:center;justify-content:center;display:flex;transition:0.4s ease-out;opacity:0} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .mask .inner{ width:98%;height:98%;background:var(--bgColor077);background:linear-gradient(180deg,var(--bgColor078_g01) 0%,var(--bgColor078_g02) 75%,var(--bgColor078_g03) 100%);border-radius:8px;z-index:1;transition:0.4s ease-out;opacity:0} .v_deep_home .main_content_wrap .slotZone .rightZone ul li:hover .mask, .v_deep_home .main_content_wrap .slotZone .rightZone ul li:hover .mask .inner{ opacity:1} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .txt{ font-size:20px;color:var(--txtColor66);font-weight:700;position:absolute;z-index:3;left:10px;top:12px;transition:0.4s all;opacity:1} .v_deep_home .main_content_wrap .slotZone .rightZone ul li:hover .txt{ left: 20px; /*top: 50%;*/ /*opacity: 1;*/ /*transform: translate(-50%, -50%);*/ } .v_deep_home .main_content_wrap .slotZone .rightZone ul .maintainGo .maintain{ display:flex} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .maintain{ display:none;background-color:var(--bgColor084);border:1px solid var(--bdColor052);border-radius:10px;width:100%;height:100%;position:absolute;z-index:3;align-items:center;justify-content:center;top:0} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .maintain span{ font-size:2.4vw;color:var(--txtColor85)} .v_deep_home .main_content_wrap .slotZone .rightZone ul li .maintain h4{ color:var(--txtColor85);font-size:.8vw;font-weight:700;margin-left:3%} .v_deep_home .main_content .main_content_wrap .infoZone{ width:100%;margin-top:25px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px} .v_deep_home .main_content .main_content_wrap .infoZone .info01{ width:24%;border:1px solid var(--bdColor038);background-color:var(--bgColor070);border-radius:10px;box-shadow:2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;padding:23px;margin-top:25px} @media (min-width:1500px){ .v_deep_home .main_content .main_content_wrap .infoZone .info01{ width:24%} } @media (max-width:1280px){ .v_deep_home .main_content .main_content_wrap .infoZone .info01{ width:48%} } @media (max-width:640px){ .v_deep_home .main_content .main_content_wrap .infoZone .info01{ width:100%} } .v_deep_home .main_content .main_content_wrap .infoZone .info01:before{ position:absolute;top:0;width:420px;height:31px;left:0} .v_deep_home .webp .main_content .main_content_wrap .infoZone .info01:before{ background-image:url(../../../../KD001-02/assets/images/shared/common/infoBgTop.webp)} .v_deep_home .no-webp .main_content .main_content_wrap .infoZone .info01:before{ background-image:url(../../../../KD001-02/assets/images/shared/common/infoBgTop.png)} .v_deep_home .main_content_wrap .casinoZone .infoZone .info01 .title { color: var(--txtColor71); font-size: 18px; font-weight: 700; padding-bottom: 10px; margin: 0; } .v_deep_home .main_content .main_content_wrap .infoZone .info01 .title .ft-s{color: var(--txtColor72);font-size:18px;font-weight:700;padding-bottom:10px;margin: 0 ;} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .title span{ color:var(--txtColor72)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .listFrame{ overflow:hidden;height:170px; scroll-behavior: smooth;} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .listFrame.autoScrolling{ overflow:hidden;height:170px} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list{ /*animation-duration:1s;background-position:-15px -13px;animation-iteration-count:infinite;animation-timing-function:step-start;animation-play-state:running;*/ overflow:auto;scroll-behavior: smooth; } .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .zerolisting { background: url(/image/icon/newv2/icon-empty-box-wt.png); height: 135px; width: 100px; background-size: 100%; margin: 0 auto; background-position: center; background-repeat: no-repeat; } .v_deep_home .main_content .main_content_wrap .infoZone .info01 ul.list{ animation:30s linear infinite autoScroll;animation-direction:reverse} .v_deep_home .main_content .main_content_wrap .infoZone .info01 ul.list li.tr{ display:flex;justify-content:space-between;height:40px;align-items:center;border-bottom:1px solid var(--bdColor040);color:var(--txtColor66)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 ul.list li.tr p.info span:nth-child(2){ padding-left:5px} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA{ width:100%;display:flex;height:40px;align-items:center;border-bottom:1px solid var(--bdColor040);cursor:pointer;justify-content:space-between;transition:0.4s ease-out;padding:0 9px;background-color:var(--bgColor070)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA:hover{ background-color:var(--bgColor082)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .no{ color:var(--txtColor16);font-size:13px;width:10%;padding-left:1%} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .no .outer{ display:flex;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);width:25px;height:21px;align-items:center;justify-content:center;font-size:13px;background:var(--bgColor06)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .no .outer span{ display:flex;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);width:20px;height:17px;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--bgColor083);background:linear-gradient(0deg,var(--bgColor05_gs) 0%,var(--bgColor05_ge) 100%);color:var(--txtColor05)} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .time{ font-size:12px;text-align:left;color:var(--txtColor66);transition:0.4s ease-out; white-space: nowrap;} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .message{ font-size:12px;text-align:left;color:var(--txtColor66);transition:0.4s ease-out;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:75%} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA:hover .message{ font-size:12px;padding-right:4%;color:var(--txtColor02);transition:0.4s ease-out} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA:hover .time{ font-size:12px;text-align:right;color:var(--txtColor02)} .v_deep_home .main_content .main_content_wrap .infoZone .info02:before{ content:'';position:absolute;top:0;width:420px;height:31px;left:0} .v_deep_home .webp .main_content .main_content_wrap .infoZone .info02:before{ background-image:url(../../../../KD001-02/assets/images/shared/common/infoBgTop01.webp)} .v_deep_home .no-webp .main_content .main_content_wrap .infoZone .info02:before{ background-image:url(../../../../KD001-02/assets/images/shared/common/infoBgTop01.png)} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .upZone .listC .attention{ font-size:13px;width:40%;text-align:left;display:flex;align-items:center;padding-left:2%;color:var(--txtColor04)} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .upZone .listC .attention span{ display:block;width:6px;height:6px;background-color:var(--bgColor016);transform:rotate(45deg);float:left;margin-right:12px} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .upZone .listC .time{ text-align:right;width:60%;padding-right:2%} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .downZone{ margin-top:22px} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .downZone .chat{ display:flex;margin-top:19px} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01{ display:flex;align-items:center;margin-right:48px} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01 span{ font-size:13px;margin-left:10px;cursor:pointer;transition:0.4s ease-out;color:var(--txtColor06)} .v_deep_home .main_content .main_content_wrap .infoZone .info02 .downZone .chat .chat01 span:hover{ color:var(--txtColor06_h)} .v_deep_home .main_content .main_content_wrap .checkZone{ width:100%;height:646px} .v_deep_home .main_content .main_content_wrap .checkZone .checkWrapper{ width:90%;margin:0 auto;height:646px;display:flex;align-items:center;justify-content:center;flex-direction:column} .v_deep_home .main_content .main_content_wrap .checkZone .checkWrapper span{ color:var(--txtColor79);font-size:324px;margin-bottom:20px} .v_deep_home .main_content .main_content_wrap .checkZone .checkWrapper h4{ font-size:30px;color:var(--txtColor79)} .v_deep_home .main_content .main_content_wrap .checkZone .checkWrapper h5{ font-size:24px;color:var(--txtColor79);margin-top:20px} .v_deep_home .pointFlow{ background-color:var(--bgColor130);position:fixed;bottom:50px;border-radius:0 50px 50px 0;box-shadow:2px 4px 5px 1px #a7b5cc59,inset 0 0 6px 1px #ffffffbf;z-index:14;cursor:pointer;right:2vw;padding:11px 11px 11px 28px;display:flex;align-items:center;justify-content:center} .v_deep_home .pointFlow img{ height:52px;position:absolute;top:52%;left:-9%;transform:translateY(-50%)} .v_deep_home .pointFlow .txt{ font-size:14px} .v_deep_home .pointFlow .txt span{ color:var(--txtColor111)} .v_deep_home .pointFlow .XX{ background:var(--bgColor131);width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50px;margin-left:20px;cursor:pointer} .v_deep_home .pointFlow .XX span{ color:var(--txtColor02);font-size:9px;font-weight:700} .v_deep_home .aniPointFlow{ -webkit-animation:aniPointFlow-8c6ca05e 15s infinite;animation:aniPointFlow-8c6ca05e 15s infinite} @keyframes aniPointFlow-8c6ca05e{ 0%{ left:120vw} to{ left:-20vw} } .v_deep_home .luckyWheelFlow{ position:fixed;bottom:50px;cursor:pointer;left:15vw;display:flex;align-items:center;justify-content:center;z-index:2} .v_deep_home .luckyWheelFlow .XX{ background:var(--bgColor131);width:24px;height:24px;display:flex;justify-content:center;align-items:center;border-radius:50px;margin-left:20px;cursor:pointer;position:absolute;right:0;top:0} .v_deep_home .luckyWheelFlow .XX span{ color:var(--txtColor02);font-size:9px;font-weight:700} .v_deep_home .aniLucky{ -webkit-animation:aniLucky-8c6ca05e 1s infinite;animation:aniLucky-8c6ca05e 1s infinite} @keyframes aniLucky-8c6ca05e{ 0%{ transform:rotate(0)} to{ transform:rotate(720deg)} } .v_deep_home .aniModel{ -webkit-animation:aniModel-8c6ca05e 1s infinite;animation:aniModel-8c6ca05e 1s infinite} @keyframes aniModel-8c6ca05e{ 0%{ background-position-y:0} 50%{ background-position-y:5px} to{ background-position-y:0} } @media (max-width:1835px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:66%*/ } } @media (max-width:1743px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:67%*/ } } @media (max-width:1572px){ .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA{ top:6%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA{ top:7%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA,.v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA{ top:5%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA{ top:6%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA{ top:7%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA{ top:6%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA{ top:5%} } @media (max-width:1552px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:52%*/ } } @media (max-width:1480px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:54%*/ } } @media (max-width:1420px){ .v_deep_home .main_content_wrap{ width:105%;margin-left:5%} .v_deep_home .main_content_wrap .casinoZone .content ul{ justify-content:space-between} .v_deep_home .main_content_wrap .casinoZone .content ul li{ width:49%;height:180px} .v_deep_home .main_content_wrap .casinoZone .content ul li .logo{ background-size:cover;position:absolute;right:24%;top:17%;z-index:2} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .logoA{ width:8.9%;padding-bottom:8.9%;right:27%;top:21%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .logoA{ width:13%;padding-bottom:7.1%;right:25%;top:24%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .logoA{ width:13.2%;padding-bottom:7.8%;top:23%;right:26%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .logoA{ width:8.2%;right:27%;top:23%;padding-bottom:8.1%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .logoA{ width:8.3%;padding-bottom:11.9%;right:28%;top:12%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .logoA{ width:19%;padding-bottom:7.5%;top:24%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .logoA{ width:11%;padding-bottom:9.1%;top:20%;right:27%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .logoA{ width:17%;padding-bottom:8.1%;right:23%;top:21%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA{ padding-bottom:31%;width:54%;top:6%;left:-4%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA{ padding-bottom:34%;width:43%;left:6%;top:4%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA{ padding-bottom:33.7%;width:57%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA{ padding-bottom:36%;width:60%;left:-5%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA{ padding-bottom:36%;width:48%;left:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA{ padding-bottom:36%;width:54%;left:4%;top:4%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA{ padding-bottom:36%;width:61%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA{ padding-bottom:36%;width:49%;top:2%;left:2%} .v_deep_home .main_content_wrap .casinoZone .content ul li .txt{ left:50%;top:54%;transform:translate(-32%,-17%)} .v_deep_home .main_content_wrap .casinoZone{ width:85%} .v_deep_home .main_content_wrap .slotZone{ flex-direction:column-reverse;width:85%} .v_deep_home .main_content_wrap .slotZone .rightZone ul li{ width:32.8%} .v_deep_home .main_content_wrap .slotZone .slotLeft{ width:100%} .v_deep_home .main_content_wrap .slotZone .rightZone ul{ display:flex;justify-content:space-between} .v_deep_home .main_content_wrap .slotZone .rightZone{ width:100%} .v_deep_home .main_content .main_content_wrap .infoZone{ width:100%} .v_deep_home .main_content .main_content_wrap .infoZone .info01 .list .listA .message{ overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:183px} } @media (max-width:1193px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:45%*/ } } @media (max-width:1164px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:46%*/ } } @media (max-width:1143px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:47%*/ } } @media (max-width:1121px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:49%*/ } } @media (max-width:1081px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:53%*/ } } @media (max-width:1077px){ .v_deep_home .main_content_wrap .slotZone .leftZone .pic{ /*padding-bottom:53%*/ } .v_deep_home .main_content_wrap .casinoZone .content ul li.casino01 .modelA{ top:14%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino02 .modelA{ top:13%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino03 .modelA{ top:12%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino04 .modelA{ top:11%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino05 .modelA{ width:50%;top:11%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino06 .modelA{ top:11%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino07 .modelA{ top:10%;left:0%} .v_deep_home .main_content_wrap .casinoZone .content ul li.casino08 .modelA{ top:10%;left:2%} } .avoidFlicker{animation:defer_render-8c6ca05e 0s 0.1s forwards;opacity:0;} @keyframes defer_render-8c6ca05e{ to{ opacity:1} } .banner{ margin-top:82px} .vfm--fixed{ position:fixed} .vfm--absolute{ position:absolute} .vfm--inset{ top:0;right:0;bottom:0;left:0} .vfm--overlay{ background-color:rgba(0,0,0,.5)} .vfm--prevent-none{ pointer-events:none} .vfm--prevent-auto{ pointer-events:auto} .vfm--outline-none:focus{ outline:none} .vfm-enter-active,.vfm-leave-active{ transition:opacity 0.2s} .vfm-enter-from,.vfm-leave-to{ opacity:0} .vfm--touch-none{ touch-action:none} .vfm--select-none{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .vfm--resize-tr,.vfm--resize-br,.vfm--resize-bl,.vfm--resize-tl{ width:12px;height:12px;z-index:10} .vfm--resize-t{ top:-6px;left:0;width:100%;height:12px;cursor:ns-resize} .vfm--resize-tr{ top:-6px;right:-6px;cursor:nesw-resize} .vfm--resize-r{ top:0;right:-6px;width:12px;height:100%;cursor:ew-resize} .vfm--resize-br{ bottom:-6px;right:-6px;cursor:nwse-resize} .vfm--resize-b{ bottom:-6px;left:0;width:100%;height:12px;cursor:ns-resize} .vfm--resize-bl{ bottom:-6px;left:-6px;cursor:nesw-resize} .vfm--resize-l{ top:0;left:-6px;width:12px;height:100%;cursor:ew-resize} .vfm--resize-tl{ top:-6px;left:-6px;cursor:nwse-resize} .scrollContent{ display:flex;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-name:ticker;animation-name:ticker;-webkit-animation-duration:40s;animation-duration:40s} .scrollContent [class^="third"]{ display:inline-flex;margin:0 20px;align-items:baseline} .homePage{ animation:none!important} .aniFrame{ animation:leftIn-7f3aef84 0.4s;animation-fill-mode:forwards;opacity:0} .footer_notice{ animation:downIn-7f3aef84 0.4s;animation-fill-mode:forwards;opacity:0;margin-top:158px} .titlePic{ background-repeat:no-repeat;width:100%;margin-top:107px;display:flex;align-items:center;justify-content:center;margin-bottom:20px} .titlePic .titlePwrapper{ width:95%;display:flex;align-items:center;justify-content:space-between} .titlePic .titlePwrapper .leftZone{ color:var(--txtColor71);font-weight:700;display:flex;align-items:center;justify-content:start;transform:translateZ(0);margin-right:1vw} .titlePic .titlePwrapper .leftZone span.icon-iiconLogoB{ font-size:2.3vw;margin-right:4px} .titlePic .titlePwrapper .leftZone h4{ font-size:1.4vw;margin-right:.5vw} .titlePic .titlePwrapper .leftZone span{ color:var(--txtColor65);font-size:1.4vw;white-space:nowrap} .titlePic .titlePwrapper .line{ height:2px;width:100vw;background-color:var(--bgColor085);position:relative} .titlePic .titlePwrapper .line:before{ content:'';width:8px;height:8px;background-color:var(--bgColor085);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)} .main_content_wrap_notice{ width:95%!important;margin-top:20px!important;min-height:600px} .main_content_wrap_notice .listZone{ width:100%;margin-top:30px} .main_content_wrap_notice .listZone table{ width:100%} .main_content_wrap_notice .listZone table tr{ transition:0.4s ease-out} .main_content_wrap_notice .listZone table tr th{ padding:10px 0;color:var(--txtColor02);font-weight:700;font-size:14px;position:relative;background-color:var(--bdColor050);border-radius:0;vertical-align:middle} .main_content_wrap_notice .listZone table tr th:first-child:before{ width:1px;height:21px;background-color:var(--bdColor047);position:absolute;left:0;bottom:0} .main_content_wrap_notice .listZone table tr th:after{ width:1px;height:21px;background-color:var(--bdColor047);position:absolute;right:0;bottom:0} .main_content_wrap_notice .listZone table tr th.number{ width:9%} .main_content_wrap_notice .listZone table tr th.name{ width:16%} .main_content_wrap_notice .listZone table tr th.date{ width:14%} .main_content_wrap_notice .listZone table tr th:first-child{ border-radius:3px 0 0 3px} .main_content_wrap_notice .listZone table tr th:last-child{ border-radius:0 3px 3px 0} .main_content_wrap_notice .messageZone table tr td{ padding:0} .main_content_wrap_notice .listZone table tr td{ color:var(--txtColor66);font-size:14px;padding:21px 10px!important;border-bottom:1px solid var(--bdColor038);position:relative} .main_content_wrap_notice .listZone table tr td.back{ color:var(--txtColor70)!important} .main_content_wrap_notice .listZone table tr td .btnM1{ padding:13px 0;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;cursor:pointer;transition:0.4s ease-out} .main_content_wrap_notice .listZone table tr td span.textOver{ color:var(--txtColor66);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:166px;font-weight:100;display:block} .main_content_wrap_notice .listZone table tr td a{ color:var(--txtColor66);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block} .main_content_wrap_notice .messageZone table tr td a{ padding:21px 19px} .main_content_wrap_notice .listZone table tr td a.goResult{ color:var(--txtColor02);font-size:14px;display:block;background-color:var(--btnColor038);padding:12px 0;border-radius:5px;cursor:pointer;transition:0.4s all ease-out} .main_content_wrap_notice .listZone table tr td a.goResult:hover{ background-color:var(--btnColor038_h)} .main_content_wrap_notice .listZone table tr td a.goNotice{ font-size:12px;color:var(--txtColor013);background-color:var(--btnColor09);display:block;width:50px;height:25px;line-height:25px;border-radius:3px;margin:0 auto;font-weight:700;transition:0.4s ease-out} .main_content_wrap_notice .listZone table tr td a.goNotice:hover{ background-color:var(--btnColor09_h)} .main_content_wrap_notice .listZone table tr td span{ color:var(--txtColor95);font-weight:700} .main_content_wrap_notice .listZone table tr td img.logo{ width:77px;margin-right:6px} .main_content_wrap_notice .listZone table tr td h5{ display:none} .main_content_wrap_notice .listZone table tr td span.icon-icconLOAD{ color:var(--txtColor66);font-size:19px;margin-left:10px;cursor:pointer;margin-right:5px} .main_content_wrap_notice .listZone table tr td .btnFrame{ display:flex;align-items:center} .main_content_wrap_notice .listZone table tr td .btnT{ color:var(--txtColor02);background-color:var(--btnColor034);width:121px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:5px;cursor:pointer;transition:0.4s ease-out;margin-left:6px;border:0} .main_content_wrap_notice .listZone table tr td .btnT:hover{ background-color:var(--btnColor034_h)} .main_content_wrap_notice .listZone table tr:nth-child(2n){ background-color:var(--bgColor017)} .main_content_wrap_notice .listZone table tr:nth-child(2n):hover{ background-color:var(--bdColor039)} .main_content_wrap_notice .listZone table tr:nth-child(2n):hover .uLine,.messageFrame .listZone tr.mailUse:hover .uLine{ text-decoration:underline} .main_content_wrap_notice .listZone table tr:nth-child(2n):hover .frame01,.messageFrame .listZone tr.mailUse:hover .frame01{ border:1px solid var(--bdColor043)} .ac{ text-align:center} .fc{ align-items:center;justify-content:center} .al{ text-align:left} .ar{ text-align:right} .pager_block{ float:left;width:100%;margin-top:42px} .pager_block .page-list{ text-align:center} .pager_block ul{ width:auto;display:inline-block;padding:0} .pager_block ul li{ background:none;padding:0;margin:0;display:inline-block;margin-right:4px!important} .pager_block ul .prev{ margin-left:0} .pager_block ul li a{ font-size:12px;color:var(--txtColor88);border:1px solid var(--bdColor058);padding:0 12px;border-radius:3px;transition:0.4s ease-out;text-decoration:none} .pager_block ul li a:hover{ background:#f3f3f9;border:1px solid #f3f3f9} .pager_block ul .on{ color:var(--txtColor02);background:var(--bgColor121);border:1px solid var(--bdColor057)} .pager_block ul li:hover a{ background:#f3f3f9;border:1px solid #f3f3f9} .pager_block ul li a.on:hover{ color:var(--txtColor02);background:var(--bgColor121);border:1px solid var(--bdColor057)} .pager_block ul .first,.pager_block ul .last{ position:relative} .pager_block ul .first a,.pager_block ul .last a,.pager_block ul .next a,.pager_block ul .prev a{ color:var(--txtColor93)} .pager_block ul .first span,.pager_block ul .last span{ position:relative} .pager_block ul li.first:hover a,.pager_block ul li.prev:hover a,.pager_block ul li.next:hover a,.pager_block ul li.last:hover a{ color:var(--txtColor89);background:var(--bgColor092);border:1px solid var(--bdColor058)} .noticeFrame{ width:100%;height:auto;background-color:var(--bgColor017);padding-bottom:22px} .noticeFrame .title{ color:var(--txtColor22);font-size:26px;font-weight:600} .noticeFrame .title span{ color:var(--txtColor23);font-size:14px;margin-left:7px} .noticeInnerFrame{ border-top:3px solid var(--bdColor061)} .contentZone{ margin-top:20px} .contentZone .time{ color:#161616;font-size:14px;padding:6px 0 25px;display:flex;justify-content:space-between;align-items:center;width:96%;margin:0 auto} .contentZone .time .pageBack{ display:flex;align-items:center} .contentZone .time .pageBack a{ color:var(--txtColor65);font-size:14px;transition:0.3s ease-out;cursor:pointer} .contentZone .time .pageBack a:hover{ color:var(--txtColor65_h)} .contentZone .time .pageBack .crossLine{ width:1px;height:13px;background-color:var(--bgColor085);margin:0 10px} .contentZone .time .title{ color:var(--txtColor66);font-size:20px} .contentZone .time span.timeR{ color:var(--txtColor66);font-size:14px;margin-left:4px;display:flex} .contentZone .time span.timeR .name{ margin-right:26px;position:relative} .contentZone .time span.timeR .name:after{ content:'';width:1px;height:13px;background-color:var(--bgColor128);position:absolute;right:-12px} .contentZone .txt{ padding:20px;border-top:1px solid var(--bdColor062);background-color:var(--bgColor123);line-height:normal} .contentZone .txt h2{ font-size:20px;color:var(--txtColor75)} .contentZone .txt p{ font-size:12px;color:var(--txtColor66);margin-top:12px;line-height:1.6;text-align:justify} .contentZone .txt p img[src*='/plugins/smiley']{ width:auto!important} .contentZone .txt .adPic{ margin-top:20px} .contentZone .txt .adPic img{ height:213px} .contentZone .btnFrame{ width:100%;display:flex;justify-content:center} .contentZone .btnP{ height:40px;padding:0 47px;color:var(--txtColor02);background-color:var(--btnColor033);display:flex;align-items:center;justify-content:center;border-radius:5px;float:right;margin-top:23px;cursor:pointer;border:0;transition:0.2s ease-out} .contentZone .btnP:hover{ background-color:var(--btnColor033_h)} .messageFrame .editMessage{ margin-top:30px;display:flex;align-items:center} .messageFrame .frame{ width:35px;height:35px;border:1px solid var(--bdColor038);border-radius:5px;margin-right:5px;display:flex;align-items:center;justify-content:center;transition:0.4s ease-out;position:relative} .messageFrame .frame .hoverMsg{ background-color:var(--bgColor070);position:absolute;bottom:-43px;z-index:1;white-space:nowrap;padding:8px;border-radius:3px;border:1px solid var(--bdColor038);color:var(--txtColor66);display:none} .messageFrame .frame .hoverMsg:after{ content:'';width:8px;height:7px;position:absolute;top:-12%;left:50%;transform:translate(-50%,-50%)} .webp .messageFrame .frame .hoverMsg:after{ background-image:url(data:image/webp;base64,UklGRsgCAABXRUJQVlA4WAoAAAAwAAAABwAABgAASUNDUBgCAAAAAAIYAAAAAAQwAABtbnRyUkdCIFhZWiAAAAAAAAAAAAAAAABhY3NwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAA9tYAAQAAAADTLQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAlkZXNjAAAA8AAAAHRyWFlaAAABZAAAABRnWFlaAAABeAAAABRiWFlaAAABjAAAABRyVFJDAAABoAAAAChnVFJDAAABoAAAAChiVFJDAAABoAAAACh3dHB0AAAByAAAABRjcHJ0AAAB3AAAADxtbHVjAAAAAAAAAAEAAAAMZW5VUwAAAFgAAAAcAHMAUgBHAEIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFhZWiAAAAAAAABvogAAOPUAAAOQWFlaIAAAAAAAAGKZAAC3hQAAGNpYWVogAAAAAAAAJKAAAA+EAAC2z3BhcmEAAAAAAAQAAAACZmYAAPKnAAANWQAAE9AAAApbAAAAAAAAAABYWVogAAAAAAAA9tYAAQAAAADTLW1sdWMAAAAAAAAAAQAAAAxlblVTAAAAIAAAABwARwBvAG8AZwBsAGUAIABJAG4AYwAuACAAMgAwADEANkFMUEg5AAAADAEBASsC1QD/AQAPOf/J8gECAkr+/wK6/gM1HAAAFuTQGiP7AAA4AOJLBAAAABI89EwAAAAAADQVAFZQOCBIAAAAMAIAnQEqCAAHAAFAJiWMAnQGKAcuCpelRAAA/vkBVVqdobUD5QNUX1lVKDpi3D/XLpRnBXHTs9i0luuMVSxPeAI46UCZAAAA)} .no-webp .messageFrame .frame .hoverMsg:after{ background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAYAAAA1WQxeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjM5QjhERTZDNjk0MDExRUM5NzNCQTAwNUZCQjM2QjZBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjM5QjhERTZENjk0MDExRUM5NzNCQTAwNUZCQjM2QjZBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzlCOERFNkE2OTQwMTFFQzk3M0JBMDA1RkJCMzZCNkEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MzlCOERFNkI2OTQwMTFFQzk3M0JBMDA1RkJCMzZCNkEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57ULtdAAAAuElEQVR42mJcvvUMIwMDAxjzsEhqMzD8Z/ry58VVBgj4zwKT5GIWEWBkYPQEMhk5mYWeff/77hNIBUgBExMjCzMzI6ufjgaXD0jw8o3/rxkZmNb8Z/j3D6SAGajbQlWJM0REmMUGpEBNifPTzbsij77+fXWOCWicFFC1rZgoqwXUXgYQG2iqBTsTrxQTCyO7t742lz8rC6MQTAGIDRTzY2XicWJRV+HyERRgMWFAAyAxDRWutwABBgDkKiV8h1c1qgAAAABJRU5ErkJggg==)} .messageFrame .frame:hover .hoverMsg{ display:block} .messageFrame .editMessage span{ color:var(--txtColor66);font-size:17px;cursor:pointer;transition:0.4s ease-out} .messageFrame .editMessage .frame:hover,.messageFrame .editMessage .frame.active{ border:1px solid var(--bdColor043)} .messageFrame .listZone{ margin-top:17px} .messageFrame .listZone tr.mailUse{ transition:0.4s ease-out} .messageFrame .listZone tr.mailUse:hover{ background-color:var(--bdColor039)} .messageFrame .listZone tr.mailUse td{ border-left:0;border-right:0} .messageFrame .listZone tr.mailUse td .frame01{ width:26px;height:26px;border:1px solid var(--bdColor038);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:0.4s ease-out;text-align:center;margin:0 auto} .messageFrame .listZone tr.mailUse td .frame01:hover,.messageFrame .listZone tr.mailUse td .frame01.active{ border:1px solid var(--bdColor043)} .messageFrame .listZone td span.godeleteMail{ font-size:16px;font-weight:100;cursor:pointer;color:var(--txtColor66)} .fundFrame{ margin-top:30px} .fundFrame .tabZone{ margin-bottom:15px} .fundFrame .tabZone ul{ display:flex} .fundFrame .tabZone ul li{ height:47px;background-color:var(--main);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:0.4s ease-out;position:relative;margin-right:4.5%} .deposit .fundFrame .tabZone ul li{ width:50%;border:1px solid var(--bdColor065);margin-right:0;margin-left:-1px} .deposit .fundFrame .tabZone ul li:hover,.deposit .fundFrame .tabZone ul li.active{ background-color:var(--bgColor125)} .deposit .fundFrame .tabZone ul li:hover h4,.deposit .fundFrame .tabZone ul li.active h4{ color:var(--txtColor02)} .deposit .fundFrame .tabZone ul li:first-child{ border-radius:5px 0 0} .deposit .fundFrame .tabZone ul li:last-child{ border-radius:0 5px 0 0} .balanceH .fundFrame .moneyBtns .search{ background-color:var(--btnColor029)!important;color:var(--txtColor02);border:none} .balanceH .fundFrame .moneyBtns .search:hover{ background-color:var(--btnColor029_h)!important} .deposit .fundFrame .subZone ul li .infoZoneA{ display:flex;border-bottom:1px solid var(--bdColor047)} .deposit .fundFrame .subZone ul li .up{ width:17%!important;align-items:self-start!important;flex-direction:column} .deposit .fundFrame .subZone ul li .up .txtFrame{ display:flex;align-items:center} .deposit .fundFrame .subZone ul li .up span.icon-iconExclamation01{ font-size:19px;margin-right:7px} .deposit .fundFrame .subZone ul li .up .hint{ display:flex;align-items:center;color:var(--txtColor69);position:relative;cursor:pointer;width:112px;margin-left:27px;margin-top:11px} .deposit .fundFrame .subZone ul li .hint span{ font-size:18px;font-weight:700;margin-right:4px} .deposit .fundFrame .subZone ul li .hint h2{ font-size:14px;font-weight:700;margin-right:6px} .deposit .fundFrame .subZone ul li .hint .hoverMsg{ background-color:var(--bgColor017);border:2px solid var(--bdColor066);padding:21px;border-radius:10px;width:440px;position:absolute;z-index:2;bottom:30px;left:-36px;display:none;transition:0.4s ease-out} .deposit .fundFrame .subZone ul li .hint:hover .hoverMsg{ display:block} .deposit .fundFrame .subZone ul li .hint .hoverMsg:before{ content:'';background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAMAAAA8w5+RAAAATlBMVEUAAADwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVb////wQVb2i5j+7vD83uL1f430dITyU2b/+fr95uj6vcX0bn7zZncuYp8fAAAADXRSTlMA9erbak43JBXIsZYKTwXndgAAAGhJREFUGNNlzrcRxAAMxMB7b3Xyrv9GlQnkEOFGkKeha1L9JtvjnHCz9L55SGhLel3dFtTzciqoh70W1N3uC+rnaSmor/eu4P9z7oLsguwmZBdkF2Q3Irtg3AXDLhh2wbALpl0RuyJ2D9qNDL3C+hyeAAAAAElFTkSuQmCC);width:20px;height:23px;background-repeat:no-repeat;position:absolute;left:6px;bottom:-23px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .title{ color:var(--txtColor97);font-size:16px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section{ width:100%;height:auto} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section .leftZone{ color:var(--txtColor02);font-size:12px;float:left;height:25px;padding:0 8px;border-radius:15px;background-color:var(--bgColor126);display:flex;align-items:center;justify-content:center;margin-right:4px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section .rightZone{ color:var(--txtColor98);font-size:12px;width:83%;height:auto;float:left;line-height:1.6;text-align:justify;margin-bottom:30px;margin-top:4px} .deposit .fundFrame .subZone ul li .up .txt{ color:var(--txtColor96)!important} .deposit .fundFrame .subZone ul li .infoZoneA .down{ width:100%;padding:0 0 36px;margin-top:-1px;z-index:0} .deposit .fundFrame .subZone ul li .infoZoneA .down .section{ padding:0;display:flex;align-items:center;margin-bottom:31px;margin-left:-14px} .deposit .fundFrame .subZone ul li .infoZoneA .down .section .leftZone{ color:var(--txtColor02);font-size:14px;float:left;height:25px;padding:0 8px;border-radius:15px;background-color:var(--bgColor126);display:flex;align-items:center;justify-content:center;margin-right:4px} .deposit .fundFrame .subZone ul li .infoZoneA .down .section .rightZone{ color:var(--txtColor66);font-size:14px;width:83%;float:left;text-align:justify;margin-left:6px} .deposit .listZoneA{ width:100%;border-top:2px solid var(--bdColor061);margin-top:30px;border-bottom:2px solid var(--bdColor061)} .deposit .fundFrame .moneyBtns .btnM{ background-color:var(--btnColor035);border:1px solid var(--bdColor038)} .fundFrame .tabZone ul li span{ font-size:46px;transition:0.4s ease-out;height:72px;display:flex;align-items:center;justify-content:center} .fundFrame .tabZone ul li:after{ width:100%;height:4px;background-color:var(--bgColor095);border-radius:20px;position:absolute;bottom:0;opacity:0;transition:0.4s ease-out} .fundFrame .tabZone ul li:hover:after,.fundFrame .tabZone ul li.active:after{ opacity:1} .fundFrame .tabZone ul li h4{ color:var(--txtColor94);font-size:18px;transition:0.4s ease-out;font-weight:700} .fundFrame .tabZone ul li:hover h4,.fundFrame .tabZone ul li.active h4{ color:var(--txtColor75)} .fundFrame .main_content_wrap_notice .listZone{ border-bottom:1px solid var(--bdColor04)} .fundFrame tr{ background-color:var(--bgColor017)!important} .fundFrame tr:hover{ background-color:var(--bdColor039)!important} .fundFrame tr:nth-child(2n):hover{ background-color:var(--bdColor039)!important} .fundFrame td.subject{ width:220px;background-color:var(--bgColor044);font-weight:700} .fundFrame .btnZone{ width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px} .fundFrame .btnZone button{ height:40px;padding:0 47px;color:var(--txtColor02);background-color:var(--btnColor033);display:flex;align-items:center;justify-content:center;border-radius:5px;float:right;margin-top:23px;cursor:pointer;border:0;transition:0.2s ease-out} .fundFrame .btnZone button:hover{ background-color:var(--btnColor033_h)} .fundFrame .main_content_wrap_notice .listZone .input_content{ width:12%;height:30px;float:left;margin-right:4px} .fundFrame .main_content_wrap_notice .listZone .input_content input{ height:30px} .fundFrame .moneyBtns .btnM{ height:40px;padding:0 19px;border:2px solid var(--bdColor043);border-radius:5px;background-color:var(--bgColor017);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--txtColor66);font-weight:700;cursor:pointer;transition:0.4s ease-out;margin-right:4px} .fundFrame .moneyBtns .blockB{ border:1px solid var(--bdColor059)!important;background-color:var(--btnColor032)!important;color:var(--txtColor90)!important;cursor:none!important} .fundFrame .moneyBtns .blockB:hover{ border:1px solid var(--bdColor059);background-color:var(--btnColor032);color:var(--txtColor90)} .fundFrame .moneyBtns .chooseBtn{ background-color:var(--bgColor033)} .fundFrame .moneyBtns .reset{ background-color:var(--btnColor029)!important;color:var(--txtColor02)} .fundFrame .moneyBtns .reset:hover{ background-color:var(--btnColor029_h)} .fundFrame .moneyBtns .chooseBtn{ background-color:var(--btnColor028)!important;border:1px solid var(--bdColor044)!important;color:var(--txtColor02)!important} .fundFrame .main_content_wrap_notice .listZone a.btn_p{ width:80px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--txtColor02);border-radius:3px;transition:0.4s ease-out;cursor:pointer;float:left;margin-right:4px} .fundFrame .main_content_wrap_notice .listZone a.accept{ background-color:var(--btnColor012);border:1px solid var(--bgColor040)} .fundFrame .main_content_wrap_notice .listZone a.notAccept{ background-color:var(--btnColor014);border:1px solid var(--bdColor018)} .fundFrame .main_content_wrap_notice .listZone a.accept:hover{ background-color:var(--btnColor012_h)} .fundFrame .main_content_wrap_notice .listZone a.notAccept:hover{ background-color:var(--btnColor014_h)} .fundFrame .fundShow .fundBrick .cube .frame{ display:flex} .fundFrame .fundShow .fundBrick .cube .frame span{ color:var(--txtColor99);font-size:19px;margin-left:9px;cursor:pointer} .fundFrame .fundShow .fundBrick .cube h4{ margin-bottom:16px;color:var(--txtColor95);font-size:14px;font-weight:700} .fundFrame .fundShow .fundBrick .cube .money{ font-size:32px;font-weight:bolder;color:var(--txtColor95)} .fundFrame .searchZone .inputZone{ display:flex;justify-content:center;align-items:center;float:left;margin-right:5px} .fundFrame .searchZone .input_content input{ line-height:40px;height:40px;color:var(--txtColor66)} .fundFrame .searchZone .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .fundFrame .searchZone .input_content input::placeholder{ color:var(--txtColor66);font-size:14px;font-weight:700} .fundFrame .fundList .moneyBtns .search{ background-color:var(--btnColor034);color:var(--txtColor02);border:none} .fundFrame .fundList .moneyBtns .search:hover{ background-color:var(--btnColor034_h)} .main_content_wrap_notice .listZone table tr td span.done{ color:var(--txtColor70)} .main_content_wrap_notice .listZone table tr td span.cancel{ color:var(--txtColor69)} .main_content_wrap_notice .listZone table tr td span.greyT{ color:var(--txtColor54)} .main_content_wrap_notice .listZone table tr td span.greenT{ color:var(--txtColor82)} .main_content_wrap_notice .listZone table tr td .rem_checkFrame{ display:flex} .main_content_wrap_notice .listZone table tr td .rem_check{ color:var(--txtColor66);font-size:14px;font-weight:700;margin-right:12px} .main_content_wrap_notice .listZone table tr td .rem_check span{ margin-left:-9px} .balanceFrame .firstFrame{ display:flex;justify-content:space-between;align-items:center} .balanceFrame .inputFrame{ display:flex;align-items:center} .balanceFrame .inputFrame .info .txt{ font-size:14px;color:var(--txtColor95);margin-right:6px;font-weight:700} .balanceFrame .info .txt span{ color:var(--txtColor012)} .balanceFrame .input_content{ width:226px;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .balanceFrame .input_content select{ display:block;border:none;background:none!important;padding:0;height:40px} .balanceFrame .input_content select:focus{ outline:0} .balanceFrame .searchZone{ display:flex;align-items:center;justify-content:right;margin-top:0} .redTxt{ color:var(--txtColor69)!important} .titlePic01 img{ width:100%;height:auto} .promotionFrame .btnZone{ width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px} .promotionFrame .btnZone a{ width:240px;height:40px;color:var(--txtColor02);background-color:var(--btnColor024);display:flex;align-items:center;justify-content:center;border-radius:20px;float:right;margin-top:23px;cursor:pointer;transition:0.2s ease-out} .promotionFrame .btnZone a:hover{ background-color:var(--btnColor024_h)} .promotionFrame .contentZone .txt{ padding-bottom:100px} .recommendedFrame .firstFrame{ display:flex;justify-content:space-between} .recommendedFrame .moneyBtns .search{ background-color:var(--btnColor025);color:var(--txtColor02);border:none} .recommendedFrame .moneyBtns .search:hover{ background-color:var(--btnColor025_h)} .recommendedFrame .firstFrame .tabZone{ width:100%} .recommendedFrame .searchZone{ width:50%;margin-top:0!important;justify-content:flex-end} .recommendedFrame .lobbyBtns{ display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:25px} .recommendedFrame .lobbyBtns .btnM{ height:40px;padding:0 19px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--txtColor66);font-weight:700;cursor:pointer;transition:0.4s ease-out;margin-right:4px;background-color:var(--btnColor035);border:1px solid var(--bdColor038)} .recommendedFrame .lobbyBtns .btnM:hover{ background-color:var(--btnColor028);border:1px solid var(--bdColor044);color:var(--txtColor02)} .recommendedFrame .lobbyBtns .chooseBtn{ background-color:var(--bgColor033)} .recommendedFrame .lobbyBtns .reset{ background-color:var(--btnColor029);color:var(--txtColor02)} .recommendedFrame .lobbyBtns .reset:hover{ background-color:var(--btnColor029_h)} .recommendedFrame .lobbyBtns .chooseBtn{ background-color:var(--btnColor028);border:1px solid var(--bdColor044);color:var(--txtColor02)} .recommendedFrame .qrFrame{ border:1px solid var(--bdColor038);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px} .recommendedFrame .qrFrame .qrCode{ background-color:var(--bgColor017);box-shadow:var(--shadow07) 0 0 .6em;border:1px solid var(--bdColor038);position:relative} .recommendedFrame .qrFrame .qrCode img{ width:306px} .recommendedFrame .qrFrame .codeNO{ font-size:36px;font-weight:800;font-family:arial;color:var(--txtColor66);margin-top:30px} .recommendedFrame .qrFrame .btnP{ width:320px;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:50px;margin-top:30px;cursor:pointer;border:0} .recommendedFrame .qrFrame .txt{ color:var(--txtColor66);font-size:14px;margin-top:20px} .recommendedFrame .qrFrame .qrCode .copyMSG{ background-color:#f4f4f4f2;color:var(--txtColor66);font-size:14px;width:240px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow07) 0 0 .5em;border-radius:20px;left:50%;bottom:-11px;transform:translate(-50%);position:absolute;opacity:0} .aniFrameNotice{ min-height:780px} .main_content_wrap_notice .listZone table tr th.checkTH{ width:5%} .main_content_wrap_notice .listZone table tr td.checkUse01 .checkFrame{ display:flex;align-items:center;justify-content:center} .messageFrame .listZone td.checkUse01 .rem_check{ margin-right:0} .messageFrame .listZone td.checkUse01 .rem_check [type='checkbox']+label{ height:20px;line-height:20px;padding-left:15px} @media (max-width:1407px){ .fundFrame .searchZone .input_content{ width:156px} .fundFrame .tabZone ul li h4{ font-size:18px} } @media (max-width:1281px){ .fundFrame .tabZone ul li h4{ font-size:16px} } @media (max-width:1192px){ .bHisFrame .firstFrame{ flex-direction:column} .bHisFrame .firstFrame .tabZone{ width:100%} .bHisFrame .searchZone{ width:100%;justify-content:flex-start} .balanceFrame .firstFrame{ flex-direction:column} .balanceFrame .firstFrame .tabZone{ width:100%} .balanceFrame .searchZone{ width:100%;justify-content:flex-start} } .aniMSG{ -webkit-animation:aniMSG-7f3aef84 5s 1;animation:aniMSG-7f3aef84 5s 1} @keyframes leftIn-7f3aef84{ 0%{ -webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translate(50%);opacity:0} to{ -webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0);opacity:1} } @keyframes aniMSG-7f3aef84{ 0%{ opacity:0} 50%{ opacity:1} to{ opacity:0} } @keyframes downIn-7f3aef84{ 0%{ -webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0} to{ -webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} } .aniTab{ -webkit-animation:aniTab-7f3aef84 1s infinite;animation:aniTab-7f3aef84 1s infinite} @keyframes aniTab-7f3aef84{ 0%{ color:var(--txtColor02);transform:scale(1)} 50%{ color:var(--txtColor02);transform:scale(1.1)} to{ color:var(--txtColor02);transform:scale(1)} } .titlePic .titlePwrapper .leftZone span{ white-space:nowrap} .fade-enter-active{ animation:fade-in-7f3aef84 0s} .fade-leave-active{ animation:fade-in-7f3aef84 0s reverse} @keyframes fade-in-7f3aef84{ 0%{ opacity:0} to{ opacity:1} } .main-content{ min-height:100vh} @media (max-width:768px){ #rule-container>.right_main._rg-style>.main-content{ overflow-y:auto} } @charset "UTF-8";input{ /*border-bottom:none!important*/ } @keyframes rotate-load-16eed0b0{ 0%{ transform:rotate(0)} to{ transform:rotate(360deg)} } .aniLoad{ -webkit-animation:rotate-load-16eed0b0 1s infinite;animation:rotate-load-16eed0b0 1s infinite} .inputFrame .hint{ margin:11px 0} .fundFrame .subZone ul li.fundList>div{ position:relative} .v_deep_deposit :root{ --font-family:'Noto Sans KR'} .v_deep_deposit .noticeFrame .listZone .input_content{ width:100%;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .v_deep_deposit .noticeFrame .listZone .input_content:active,.v_deep_deposit .noticeFrame .listZone .input_content:focus,.v_deep_deposit .noticeFrame .listZone .input_content:focus-within,.v_deep_deposit .noticeFrame .listZone .input_content:target{ border:1px solid var(--bdColor064)!important} .v_deep_deposit .noticeFrame .listZone .input_content input{ border-bottom:none!important} .v_deep_deposit .noticeFrame .listZone .hint{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px} .v_deep_deposit .noticeFrame .listZone .hint span{ display:block;float:left;margin-right:6px;color:var(--btnColor024)} .v_deep_deposit .noticeFrame .listZone .hint .txt{ color:var(--btnColor024)} .v_deep_deposit .noticeFrame .listZone .inputFrame .hint{ font-size:14px;color:var(--txtColor69);margin-top:11px;font-weight:bolder} .v_deep_deposit .noticeFrame .listZone .hint{ margin-top:12px;color:var(--btnColor024)} .v_deep_deposit .noticeFrame .listZone .hint span{ float:left;color:var(--btnColor024)} .v_deep_deposit .noticeFrame .listZone .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .v_deep_deposit .noticeFrame .listZone .input_content input::-webkit-input-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .noticeFrame .listZone .input_content input:-moz-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .noticeFrame .listZone .input_content input::-moz-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .noticeFrame .listZone .input_content input:-ms-input-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .noticeFrame .listZone .input_content input::placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .noticeFrame .listZone .inputFrame{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;margin-bottom:5px} .v_deep_deposit .fundFrame .subZone ul li.fundList{ margin-top:0} .v_deep_deposit .fundFrame .subZone ul li.fundList:nth-child(2),.v_deep_deposit .fundFrame .subZone ul li.fundList:nth-child(3),.v_deep_deposit .fundFrame .subZone ul li.fundList:nth-child(4),.v_deep_deposit .fundFrame .subZone ul li.fundList:nth-child(5),.v_deep_deposit .fundFrame .subZone ul li.fundList:nth-child(6){ display:none} .v_deep_deposit .fundFrame .subZone ul li.fundList .infoZone{ padding:24px 15px;margin-bottom:25px;margin-top:41px;background-color:var(--bgColor127);display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center} .v_deep_deposit .fundFrame .subZone ul li.fundList .infoZone p{ color:var(--txtColor98);font-size:16px;font-weight:700} .v_deep_deposit .fundFrame .subZone ul li.fundList .infoZone p span{ color:var(--txtColor94)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA{ width:100%;margin-bottom:22px;padding-top:26px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .up{ width:100%;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding-left:16px;z-index:1;position:relative} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .up .icon{ width:24px;height:24px;border-radius:50px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:15px} .v_deep_deposit .fundFrame .subZone ul li .greenBlock .up .icon{ border:2px solid var(--bdColor08)} .v_deep_deposit .fundFrame .subZone ul li .greyBlock .up .icon{ border:2px solid var(--bdColor018)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .up .icon span{ text-align:center} .v_deep_deposit .fundFrame .subZone ul li .greenBlock .up .icon span{ color:var(--txtColor37)} .v_deep_deposit .fundFrame .subZone ul li .greyBlock .up .icon span{ color:var(--txtColor38)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .up .txt{ font-weight:700;font-size:16px;color:var(--txtColor70)} .v_deep_deposit .fundFrame .subZone ul li .greenBlock .up .txt{ color:var(--txtColor70)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down{ width:100%;padding:15px 0 15px 41px;margin-top:-1px;z-index:0} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li{ color:var(--txtColor66);list-style:initial;margin-bottom:14px;letter-spacing:-1px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li span{ float:left;margin-right:12px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li a{ background-color:var(--btnColor025);color:var(--txtColor02);font-size:14px;height:40px;padding:0 13px;border-radius:3px;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:0.4s ease-out;-o-transition:0.4s ease-out;-moz-transition:0.4s ease-out;transition:0.4s ease-out;margin-left:5px;letter-spacing:.5px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl:before{ content:'';width:4px;height:4px;border-radius:50px;background-color:var(--txtColor66);position:absolute;left:-15px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;position:relative} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content{ height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:active,.v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:focus,.v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:focus-within,.v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:target{ border:1px solid var(--bdColor064)!important} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input{ border-bottom:none!important} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input::-webkit-input-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input:-moz-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input::-moz-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input:-ms-input-placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input::placeholder{ color:var(--txtColor36);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .info{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;width:35%} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .inputFrame{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .inputFrame .txtT{ color:var(--txtColor66);font-size:14px;font-weight:700} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .input_content{ position:relative;height:31px;margin-left:6px;width:106px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .input_zone span.icon{ width:26px;height:26px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input{ height:31px;padding-left:12px;background-repeat:no-repeat;-moz-box-sizing:border-box;box-sizing:border-box;border-radius:5px;color:var(--txtColor77);background-color:var(--bgColor017);font-size:16px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input::-webkit-input-placeholder{ color:var(--txtColor010);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input:-moz-placeholder{ color:var(--txtColor010);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input::-moz-placeholder{ color:var(--txtColor010);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input:-ms-input-placeholder{ color:var(--txtColor010);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW input::placeholder{ color:var(--txtColor010);font-size:14px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .wdBtn{ padding:0 16px;height:31px;background-color:var(--btnColor024);color:var(--txtColor02);border:0;border-radius:20px;cursor:pointer;text-decoration:none;font-size:14px;-webkit-transition:0.4s ease-out;-o-transition:0.4s ease-out;-moz-transition:0.4s ease-out;transition:0.4s ease-out;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:10px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdPW .wdBtn:hover{ background-color:var(--btnColor024_h)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdName{ color:#6a7391;font-size:14px;height:32px;padding:0 14px;background-color:#f3f3f3;border-radius:5px;line-height:32px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdName span{ margin-top:0;position:relative} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdName span.line{ margin-right:26px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .wdName span.line:after{ content:'';width:1px;height:15px;background-color:#6a7391;position:absolute;top:9px;right:-13px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li a:hover{ background-color:var(--btnColor025_h)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down ul li a.lock{ background-color:var(--btnColor031)} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .hint{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;color:var(--txtColor69);position:relative;cursor:pointer;width:112px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .hint span{ font-size:18px;font-weight:700;margin-right:4px} .v_deep_deposit .fundFrame .subZone ul li .infoZoneA .down .hint h2{ font-size:14px;font-weight:700} .v_deep_deposit .fundList .main_content_wrap_notice .listZone01 tr:nth-child(2n){ background-color:var(--bgColor022)!important} .v_deep_deposit .fundList .main_content_wrap_notice .listZone01 table tr:first-child:hover{ background-color:var(--bgColor017)!important} .v_deep_deposit .fundList .main_content_wrap_notice .listZone01 table tr:hover{ background-color:var(--bgColor036)!important} .v_deep_deposit .fundList .main_content_wrap_notice .listZone01 table tr:nth-child(2n):hover{ background-color:var(--bgColor033)!important} .v_deep_deposit .fundList .main_content_wrap_notice .listZone01{ border-bottom:1px solid var(--bdColor013)!important;margin-top:17px} .v_deep_deposit .fundFrame .fundShow{ width:70%;margin:69px auto 56px} .v_deep_deposit .fundFrame .fundShow .titleZone{ margin:0 auto;text-align:center} .v_deep_deposit .fundFrame .fundShow .titleZone h2{ color:var(--txtColor95);font-size:24px;font-weight:700} .v_deep_deposit .fundFrame .fundShow .titleZone h4{ color:var(--txtColor99);font-size:14px;font-weight:700;margin-top:16px} .v_deep_deposit .fundFrame .fundShow .fundBrick{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-top:30px} .v_deep_deposit .fundFrame .fundShow .fundBrick .cube{ width:32.8%;padding:30px 0;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;background-color:var(--bgColor123);border-radius:10px} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkRank{ margin-bottom:10px} .v_deep_deposit [type='checkbox']+label{ height:20px;line-height:20px;padding-left:26px} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkFrame{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;flex-wrap:wrap} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkZone{ color:var(--txtColor95);background-color:#fbf9f7;border-radius:10px;cursor:pointer;margin-bottom:15px;height:112px;margin-right:16px;width:278px;padding-left:8px;padding-top:6px} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkZone .title{ margin-bottom:6px;white-space:nowrap} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkZone .txt{ font-size:13px;line-height:1.8;margin-left:28px} .v_deep_deposit .main_content_wrap_notice .listZone table tr td .checkZone .txt span{ color:var(--txtColor110)} .v_deep_deposit .main_content_wrap_notice .listZone table tr td.td-flex{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center} .v_deep_deposit .main_content_wrap_notice .listZone table tr td span.icon-icconLOAD{ color:var(--txtColor66);font-size:19px;margin-left:10px;cursor:pointer;position:relative} .v_deep_deposit .main_content_wrap_notice .listZone table tr td h2{ font-size:14px;color:var(--txtColor69);margin-top:11px;font-weight:bolder} .v_deep_deposit .aniLoad{ -webkit-animation:rotateLoad-0838e822 1s 1;-moz-animation:rotateLoad-0838e822 1s 1;-o-animation:rotateLoad-0838e822 1s 1;animation:rotateLoad-0838e822 1s 1} @-webkit-keyframes rotateLoad-0838e822{ 0%{ -webkit-transform:rotate(0deg);transform:rotate(0)} to{ -webkit-transform:rotate(360deg);transform:rotate(360deg)} } @-moz-keyframes rotateLoad-0838e822{ 0%{ -moz-transform:rotate(0deg);transform:rotate(0)} to{ -moz-transform:rotate(360deg);transform:rotate(360deg)} } @-o-keyframes rotateLoad-0838e822{ 0%{ -o-transform:rotate(0deg);transform:rotate(0)} to{ -o-transform:rotate(360deg);transform:rotate(360deg)} } @keyframes rotateLoad-0838e822{ 0%{ -webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0)} to{ -webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)} } .noticeFrame .listZone .input_content{ width:36%;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .noticeFrame .listZone .input_content:active,.noticeFrame .listZone .input_content:focus,.noticeFrame .listZone .input_content:focus-within,.noticeFrame .listZone .input_content:target{ border:1px solid var(--bdColor064)!important} .noticeFrame .listZone .input_content input{ border-bottom:none!important} .noticeFrame .listZone .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .noticeFrame .listZone .input_content input::placeholder{ color:var(--txtColor36);font-size:14px} .noticeFrame .listZone .inputFrame{ display:flex;margin-bottom:5px} .noticeFrame .listZone .hint{ display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-top:12px} .noticeFrame .listZone .hint01{ margin-top:-10px;margin-left:-11px} .noticeFrame .listZone .hint02{ margin-top:12px;margin-left:1px} .noticeFrame .listZone .hint span{ display:block;float:left;margin-right:6px;color:var(--btnColor024)!important} .noticeFrame .listZone .hint .txt{ color:var(--btnColor024)} .fundFrame .subZone ul li.fundList:nth-child(2),.fundFrame .subZone ul li.fundList:nth-child(3),.fundFrame .subZone ul li.fundList:nth-child(4),.fundFrame .subZone ul li.fundList:nth-child(5),.fundFrame .subZone ul li.fundList:nth-child(6){ display:none} .fundFrame .subZone ul li.fundList .infoZone{ padding:24px 15px;margin-bottom:25px;margin-top:41px;background-color:var(--bgColor127);display:flex;align-items:center;justify-content:center} .fundFrame .subZone ul li.fundList .infoZone p{ color:var(--txtColor98);font-size:16px;font-weight:700} .fundFrame .subZone ul li.fundList .infoZone p span{ color:var(--txtColor94)} .withdraw .fundFrame .subZone ul li .infoZoneA{ width:100%;margin-bottom:22px;padding-top:26px;display:flex;border-bottom:none!important} .fundFrame .subZone ul li .infoZoneA .up{ width:100%;display:flex;align-items:center;padding-left:16px;z-index:1;position:relative} .fundFrame .subZone ul li .infoZoneA .up .icon{ width:24px;height:24px;border-radius:50px;display:flex;align-items:center;justify-content:center;margin-right:15px} .fundFrame .subZone ul li .greenBlock .up .icon{ border:2px solid var(--bdColor08)} .fundFrame .subZone ul li .greyBlock .up .icon{ border:2px solid var(--bdColor018)} .fundFrame .subZone ul li .infoZoneA .up .icon span{ text-align:center} .fundFrame .subZone ul li .greenBlock .up .icon span{ color:var(--txtColor37)} .fundFrame .subZone ul li .greyBlock .up .icon span{ color:var(--txtColor38)} .fundFrame .subZone ul li .infoZoneA .up .txt{ font-weight:700;font-size:16px;color:var(--txtColor70)} .fundFrame .subZone ul li .greenBlock .up .txt{ color:var(--txtColor70)} .fundFrame .subZone ul li .infoZoneA .down{ width:100%;padding:15px 0 15px 41px;margin-top:-1px;z-index:0} .fundFrame .subZone ul li .infoZoneA .down ul li{ color:var(--txtColor66);list-style:initial;margin-bottom:14px;letter-spacing:-1px;line-height:170%} .fundFrame .subZone ul li .infoZoneA .down ul li span{ float:left;margin-right:12px} .fundFrame .subZone ul li .infoZoneA .down ul li a{ background-color:var(--btnColor025);color:var(--txtColor02);font-size:14px;height:40px;padding:0 13px;border-radius:3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:0.4s ease-out;margin-left:5px;letter-spacing:.5px} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl:before{ content:'';width:4px;height:4px;border-radius:50px;background-color:var(--txtColor66);position:absolute;left:-15px} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl{ display:flex;align-items:center;position:relative} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame{ display:flex;align-items:center} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content{ height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:active,.fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:focus,.fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:focus-within,.fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content:target{ border:1px solid var(--bdColor064)!important} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input{ border-bottom:none!important} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .inputFrame .input_content input::placeholder{ color:var(--txtColor36);font-size:14px} .fundFrame .subZone ul li .infoZoneA .down ul li.liFl .info{ display:flex;align-items:center;width:35%} .fundFrame .subZone ul li .infoZoneA .down .wdPW{ display:flex} .fundFrame .subZone ul li .infoZoneA .down .wdPW .inputFrame{ display:flex;align-items:center} .fundFrame .subZone ul li .infoZoneA .down .wdPW .inputFrame .txtT{ color:var(--txtColor66);font-size:14px;font-weight:700} .fundFrame .subZone ul li .infoZoneA .down .wdPW .input_content{ position:relative;height:31px;margin-left:6px;width:106px} .fundFrame .subZone ul li .infoZoneA .down .wdPW .input_zone span.icon{ background-image:url(../images/icon_account.png);width:26px;height:26px} .fundFrame .subZone ul li .infoZoneA .down .wdPW input{ height:31px;padding-left:12px;background-repeat:no-repeat;box-sizing:border-box;border-radius:5px;color:var(--txtColor77);background-color:var(--bgColor017);font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .fundFrame .subZone ul li .infoZoneA .down .wdPW input::placeholder{ color:var(--txtColor010);font-size:14px} .fundFrame .subZone ul li .infoZoneA .down .wdPW .wdBtn{ padding:0 16px;height:31px;background-color:var(--btnColor024);color:var(--txtColor02);border:0;border-radius:20px;cursor:pointer;text-decoration:none;font-size:14px;transition:0.4s ease-out;display:flex;align-items:center;justify-content:center;margin-left:10px} .fundFrame .subZone ul li .infoZoneA .down .wdPW .wdBtn:hover{ background-color:var(--btnColor024_h)} .fundFrame .subZone ul li .infoZoneA .down .wdName{ color:#6a7391;font-size:14px;height:32px;padding:0 14px;background-color:#f3f3f3;border-radius:5px;line-height:32px} .fundFrame .subZone ul li .infoZoneA .down .wdName span{ margin-top:0;position:relative} .fundFrame .subZone ul li .infoZoneA .down .wdName span.line{ margin-right:26px} .fundFrame .subZone ul li .infoZoneA .down .wdName span.line:after{ content:'';width:1px;height:15px;background-color:#6a7391;position:absolute;top:9px;right:-13px} .fundFrame .subZone ul li .infoZoneA .down ul li a:hover{ background-color:var(--btnColor025_h)} .fundFrame .subZone ul li .infoZoneA .down ul li a.lock{ background-color:var(--btnColor031)} .fundFrame .subZone ul li .infoZoneA .down .hint{ display:flex;align-items:center;color:var(--txtColor69);position:relative;cursor:pointer;width:112px} .fundFrame .subZone ul li .infoZoneA .down .hint span{ font-size:18px;font-weight:700;margin-right:4px} .fundFrame .subZone ul li .infoZoneA .down .hint h2{ font-size:14px;font-weight:700} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg{ background-color:#f4f4f4;padding:14px;border-radius:10px;box-shadow:2px 4px 5px 1px #a7b5cc59;width:320px;position:absolute;z-index:2;bottom:41px;display:none;transition:0.4s ease-out} .fundFrame .subZone ul li .infoZoneA .down .hint:hover .hoverMsg{ display:block} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg:before{ content:'';background-image:url(../Notice/images/triangel.png);width:54px;height:33px;position:absolute;left:45px;bottom:-33px} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg .title{ color:var(--txtColor70);font-size:18px} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg .section{ width:100%;height:auto} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg .section .leftZone{ color:var(--txtColor70);font-size:12px;float:left;width:15%} .fundFrame .subZone ul li .infoZoneA .down .hint .hoverMsg .section .rightZone{ color:var(--txtColor66);font-size:12px;width:83%;height:auto;float:left;line-height:1.6;text-align:justify;margin-bottom:30px} .fundList .main_content_wrap_notice .listZone01 tr:nth-child(2n){ background-color:var(--bgColor022)!important} .fundList .main_content_wrap_notice .listZone01 table tr:first-child:hover{ background-color:var(--bgColor017)!important} .fundList .main_content_wrap_notice .listZone01 table tr:hover{ background-color:var(--bgColor036)!important} .fundList .main_content_wrap_notice .listZone01 table tr:nth-child(2n):hover{ background-color:var(--bgColor033)!important} .fundList .main_content_wrap_notice .listZone01{ border-bottom:1px solid var(--bdColor013)!important;margin-top:17px} .fundFrame .fundShow{ width:70%;margin:69px auto 56px} .fundFrame .fundShow .titleZone{ margin:0 auto;text-align:center} .fundFrame .fundShow .titleZone h2{ color:var(--txtColor95);font-size:24px;font-weight:700} .fundFrame .fundShow .titleZone h4{ color:var(--txtColor99);font-size:14px;font-weight:700;margin-top:16px} .fundFrame .fundShow .fundBrick{ display:flex;justify-content:space-between;margin-top:30px} .fundFrame .fundShow .fundBrick .cube{ width:32.8%;padding:30px 0;display:flex;flex-direction:column;align-items:center;background-color:var(--bgColor123);border-radius:10px} .homePage{ animation:none!important} .aniFrame{ animation:leftIn-61742157 0.4s;animation-fill-mode:forwards;opacity:0} .footer_notice{ animation:downIn-61742157 0.4s;animation-fill-mode:forwards;opacity:0;margin-top:158px} .titlePic{ background-repeat:no-repeat;width:100%;margin-top:107px;display:flex;align-items:center;justify-content:center;margin-bottom:20px} .titlePic .titlePwrapper{ width:95%;display:flex;align-items:center;justify-content:space-between} .titlePic .titlePwrapper .leftZone{ color:var(--txtColor71);font-weight:700;display:flex;align-items:center;justify-content:start;transform:translateZ(0);margin-right:1vw} .titlePic .titlePwrapper .leftZone span.icon-iiconLogoB{ font-size:2.3vw;margin-right:4px} .titlePic .titlePwrapper .leftZone h4{ font-size:1.4vw;margin-right:.5vw} .titlePic .titlePwrapper .leftZone span{ color:var(--txtColor65);font-size:1.4vw;white-space:nowrap} .titlePic .titlePwrapper .line{ height:2px;width:100vw;background-color:var(--bgColor085);position:relative} .titlePic .titlePwrapper .line:before{ content:'';width:8px;height:8px;background-color:var(--bgColor085);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)} .main_content_wrap_notice{ width:95%!important;margin-top:20px!important;min-height:600px} .main_content_wrap_notice .listZone{ width:100%;margin-top:30px} .main_content_wrap_notice .listZone table{ width:100%} .main_content_wrap_notice .listZone table tr{ transition:0.4s ease-out} .main_content_wrap_notice .listZone table tr th:after{ width:1px;height:21px;background-color:var(--bdColor047);position:absolute;right:0;bottom:0} .main_content_wrap_notice .listZone table tr th.number{ width:9%} .main_content_wrap_notice .listZone table tr th.name{ width:16%} .main_content_wrap_notice .listZone table tr th.date{ width:14%} .deposit .fundFrame .tabZone ul li{ width:50%;border:1px solid var(--bdColor065);margin-right:0;margin-left:-1px} .deposit .fundFrame .tabZone ul li:hover,.deposit .fundFrame .tabZone ul li.active{ background-color:var(--bgColor125)} .deposit .fundFrame .tabZone ul li:hover h4,.deposit .fundFrame .tabZone ul li.active h4{ color:var(--txtColor02)} .deposit .fundFrame .tabZone ul li:first-child{ border-radius:5px 0 0} .deposit .fundFrame .tabZone ul li:last-child{ border-radius:0 5px 0 0} .balanceH .fundFrame .moneyBtns .search{ background-color:var(--btnColor029)!important;color:var(--txtColor02);border:none} .balanceH .fundFrame .moneyBtns .search:hover{ background-color:var(--btnColor029_h)!important} .deposit .fundFrame .subZone ul li .infoZoneA{ display:flex;border-bottom:1px solid var(--bdColor047)} .deposit .fundFrame .subZone ul li .up{ width:17%!important;align-items:self-start!important;flex-direction:column} .deposit .fundFrame .subZone ul li .up .txtFrame{ display:flex;align-items:center} .deposit .fundFrame .subZone ul li .up span.icon-iconExclamation01{ font-size:19px;margin-right:7px} .deposit .fundFrame .subZone ul li .up .hint{ display:flex;align-items:center;color:var(--txtColor69);position:relative;cursor:pointer;width:112px;margin-left:27px;margin-top:11px} .deposit .fundFrame .subZone ul li .hint span{ font-size:18px;font-weight:700;margin-right:4px} .deposit .fundFrame .subZone ul li .hint h2{ font-size:14px;font-weight:700;margin-right:6px} .deposit .fundFrame .subZone ul li .hint .hoverMsg{ background-color:var(--bgColor017);border:2px solid var(--bdColor066);padding:21px;border-radius:10px;width:440px;position:absolute;z-index:2;bottom:30px;left:-36px;display:none;transition:0.4s ease-out} .deposit .fundFrame .subZone ul li .hint:hover .hoverMsg{ display:block} .deposit .fundFrame .subZone ul li .hint .hoverMsg:before{ content:'';background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAXCAMAAAA8w5+RAAAATlBMVEUAAADwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVbwQVb////wQVb2i5j+7vD83uL1f430dITyU2b/+fr95uj6vcX0bn7zZncuYp8fAAAADXRSTlMA9erbak43JBXIsZYKTwXndgAAAGhJREFUGNNlzrcRxAAMxMB7b3Xyrv9GlQnkEOFGkKeha1L9JtvjnHCz9L55SGhLel3dFtTzciqoh70W1N3uC+rnaSmor/eu4P9z7oLsguwmZBdkF2Q3Irtg3AXDLhh2wbALpl0RuyJ2D9qNDL3C+hyeAAAAAElFTkSuQmCC);width:20px;height:23px;background-repeat:no-repeat;position:absolute;left:6px;bottom:-23px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .title{ color:var(--txtColor97);font-size:16px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section{ width:100%;height:auto} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section .leftZone{ color:var(--txtColor02);font-size:12px;float:left;height:25px;padding:0 8px;border-radius:15px;background-color:var(--bgColor126);display:flex;align-items:center;justify-content:center;margin-right:4px} .deposit .fundFrame .subZone ul li .hint .hoverMsg .section .rightZone{ color:var(--txtColor98);font-size:12px;width:83%;height:auto;float:left;line-height:1.6;text-align:justify;margin-bottom:30px;margin-top:4px} .deposit .fundFrame .subZone ul li .up .txt{ color:var(--txtColor96)!important} .deposit .fundFrame .subZone ul li .infoZoneA .down{ width:100%;padding:0 0 36px;margin-top:-1px;z-index:0} .deposit .fundFrame .subZone ul li .infoZoneA .down .section{ padding:0;display:flex;align-items:center;margin-bottom:31px;margin-left:-14px} .deposit .fundFrame .subZone ul li .infoZoneA .down .section .leftZone{ color:var(--txtColor02);font-size:14px;float:left;height:25px;padding:0 8px;border-radius:15px;background-color:var(--bgColor126);display:flex;align-items:center;justify-content:center;margin-right:4px} .deposit .fundFrame .subZone ul li .infoZoneA .down .section .rightZone{ color:var(--txtColor66);font-size:14px;width:83%;float:left;text-align:justify;margin-left:6px} .deposit .listZoneA{ width:100%;border-top:2px solid var(--bdColor061);margin-top:30px;border-bottom:2px solid var(--bdColor061)} .fundFrame .tabZone ul li span{ font-size:46px;transition:0.4s ease-out;height:72px;display:flex;align-items:center;justify-content:center} .fundFrame .tabZone ul li:after{ width:100%;height:4px;background-color:var(--bgColor095);border-radius:20px;position:absolute;bottom:0;opacity:0;transition:0.4s ease-out} .fundFrame .tabZone ul li:hover:after,.fundFrame .tabZone ul li.active:after{ opacity:1} .fundFrame .tabZone ul li h4{ color:var(--txtColor94);font-size:18px;transition:0.4s ease-out;font-weight:700} .fundFrame .tabZone ul li:hover h4,.fundFrame .tabZone ul li.active h4{ color:var(--txtColor75)} .fundFrame .main_content_wrap_notice .listZone{ border-bottom:1px solid var(--bdColor04)} .fundFrame tr{ background-color:var(--bgColor017)!important} .fundFrame tr:hover{ background-color:var(--bdColor039)!important} .fundFrame tr:nth-child(2n):hover{ background-color:var(--bdColor039)!important} .fundFrame td.subject{ width:220px;background-color:var(--bgColor044);font-weight:700} .fundFrame .btnZone{ width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px} .fundFrame .btnZone button{ height:40px;padding:0 47px;color:var(--txtColor02);background-color:var(--btnColor033);display:flex;align-items:center;justify-content:center;border-radius:5px;float:right;margin-top:23px;cursor:pointer;border:0;transition:0.2s ease-out} .fundFrame .btnZone button:hover{ background-color:var(--btnColor033_h)} .fundFrame .main_content_wrap_notice .listZone .input_content{ width:12%;height:30px;float:left;margin-right:4px} .fundFrame .main_content_wrap_notice .listZone .input_content input{ height:30px} .fundFrame .moneyBtns{ display:flex;flex-wrap:wrap;margin-left:8px;gap:4px 0} .fundFrame .moneyBtns .btnM{ height:40px;padding:0 19px;border:2px solid var(--bdColor043);border-radius:5px;background-color:var(--bgColor017);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--txtColor66);font-weight:700;cursor:pointer;transition:0.4s ease-out;margin-right:4px} .fundFrame .moneyBtns .btnM:hover{ background-color:var(--btnColor028)!important;border:1px solid var(--bdColor044)!important;color:var(--txtColor02)} .fundFrame .moneyBtns .blockB{ border:1px solid var(--bdColor059)!important;background-color:var(--btnColor032)!important;color:var(--txtColor90)!important;cursor:none!important} .fundFrame .moneyBtns .blockB:hover{ border:1px solid var(--bdColor059);background-color:var(--btnColor032);color:var(--txtColor90)} .fundFrame .moneyBtns .chooseBtn{ background-color:var(--bgColor033)} .fundFrame .moneyBtns .reset{ background-color:var(--btnColor029)!important;color:var(--txtColor02)} .fundFrame .moneyBtns .reset:hover{ background-color:var(--btnColor029_h)} .fundFrame .moneyBtns .chooseBtn{ background-color:var(--btnColor028)!important;border:1px solid var(--bdColor044)!important;color:var(--txtColor02)!important} .fundFrame .main_content_wrap_notice .listZone a.btn_p{ width:80px;height:30px;display:flex;align-items:center;justify-content:center;color:var(--txtColor02);border-radius:3px;transition:0.4s ease-out;cursor:pointer;float:left;margin-right:4px} .fundFrame .main_content_wrap_notice .listZone a.accept{ background-color:var(--btnColor012);border:1px solid var(--bgColor040)} .fundFrame .main_content_wrap_notice .listZone a.notAccept{ background-color:var(--btnColor014);border:1px solid var(--bdColor018)} .fundFrame .main_content_wrap_notice .listZone a.accept:hover{ background-color:var(--btnColor012_h)} .fundFrame .main_content_wrap_notice .listZone a.notAccept:hover{ background-color:var(--btnColor014_h)} .fundFrame .fundShow .fundBrick .cube .frame{ display:flex} .fundFrame .fundShow .fundBrick .cube .frame span{ color:var(--txtColor99);font-size:19px;margin-left:9px;cursor:pointer} .fundFrame .fundShow .fundBrick .cube h4{ margin-bottom:16px;color:var(--txtColor95);font-size:14px;font-weight:700} .fundFrame .fundShow .fundBrick .cube .money{ font-size:32px;font-weight:bolder;color:var(--txtColor95)} .fundFrame .searchZone{ display:flex;align-items:center;justify-content:start;margin-top:31px} .fundFrame .searchZone .input_content{ width:200px;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor98);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .fundFrame .searchZone .input_content input{ line-height:40px;height:40px;color:var(--txtColor66)} .fundFrame .searchZone .inputZone span{ margin:0 7px} .fundFrame .searchZone .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .fundFrame .searchZone .input_content input::placeholder{ color:var(--txtColor66);font-size:14px;font-weight:700} .fundFrame .fundList .moneyBtns .search{ background-color:var(--btnColor034);color:var(--txtColor02);border:none} .fundFrame .fundList .moneyBtns .search:hover{ background-color:var(--btnColor034_h)} .main_content_wrap_notice .listZone table tr td span.done{ color:var(--txtColor70)} .main_content_wrap_notice .listZone table tr td span.cancel{ color:var(--txtColor69)} .main_content_wrap_notice .listZone table tr td span.greyT{ color:var(--txtColor54)} .main_content_wrap_notice .listZone table tr td span.greenT{ color:var(--txtColor82)} .main_content_wrap_notice .listZone table tr td .rem_checkFrame{ display:flex} .main_content_wrap_notice .listZone table tr td .rem_check{ color:var(--txtColor66);font-size:14px;font-weight:700;margin-right:12px} .main_content_wrap_notice .listZone table tr td .rem_check span{ margin-left:-9px} .balanceFrame .firstFrame{ display:flex;justify-content:space-between;align-items:center} .balanceFrame .inputFrame{ display:flex;align-items:center} .balanceFrame .inputFrame .info .txt{ font-size:14px;color:var(--txtColor95);margin-right:6px;font-weight:700} .balanceFrame .info .txt span{ color:var(--txtColor012)} .balanceFrame .input_content{ width:226px;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .balanceFrame .input_content select{ display:block;border:none !Important;background:none!important;padding:0;height:40px} .balanceFrame .input_content select:focus{ outline:0} .balanceFrame .searchZone{ display:flex;align-items:center;justify-content:right;margin-top:0;margin-left:auto} .redTxt{ color:var(--txtColor69)!important} .titlePic01 img{ width:100%;height:auto} .promotionFrame .btnZone{ width:100%;display:flex;align-items:center;justify-content:center;margin-top:30px} .promotionFrame .btnZone a{ width:240px;height:40px;color:var(--txtColor02);background-color:var(--btnColor024);display:flex;align-items:center;justify-content:center;border-radius:20px;float:right;margin-top:23px;cursor:pointer;transition:0.2s ease-out} .promotionFrame .btnZone a:hover{ background-color:var(--btnColor024_h)} .promotionFrame .contentZone .txt{ padding-bottom:100px} .recommendedFrame .firstFrame{ display:flex;justify-content:space-between} .recommendedFrame .moneyBtns .search{ background-color:var(--btnColor025);color:var(--txtColor02);border:none} .recommendedFrame .moneyBtns .search:hover{ background-color:var(--btnColor025_h)} .recommendedFrame .firstFrame .tabZone{ width:100%} .recommendedFrame .searchZone{ width:50%;margin-top:0!important;justify-content:flex-end} .recommendedFrame .lobbyBtns{ display:flex;flex-wrap:wrap;justify-content:flex-end;margin-bottom:25px} .recommendedFrame .lobbyBtns .btnM{ height:40px;padding:0 19px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--txtColor66);font-weight:700;cursor:pointer;transition:0.4s ease-out;margin-right:4px;background-color:var(--btnColor035);border:1px solid var(--bdColor038)} .recommendedFrame .lobbyBtns .btnM:hover{ background-color:var(--btnColor028);border:1px solid var(--bdColor044);color:var(--txtColor02)} .recommendedFrame .lobbyBtns .chooseBtn{ background-color:var(--bgColor033)} .recommendedFrame .lobbyBtns .reset{ background-color:var(--btnColor029);color:var(--txtColor02)} .recommendedFrame .lobbyBtns .reset:hover{ background-color:var(--btnColor029_h)} .recommendedFrame .lobbyBtns .chooseBtn{ background-color:var(--btnColor028);border:1px solid var(--bdColor044);color:var(--txtColor02)} .recommendedFrame .qrFrame{ border:1px solid var(--bdColor038);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px} .recommendedFrame .qrFrame .qrCode{ background-color:var(--bgColor017);box-shadow:var(--shadow07) 0 0 .6em;border:1px solid var(--bdColor038);position:relative} .recommendedFrame .qrFrame .qrCode img{ width:306px} .recommendedFrame .qrFrame .codeNO{ font-size:36px;font-weight:800;font-family:arial;color:var(--txtColor66);margin-top:30px} .recommendedFrame .qrFrame .btnP{ width:320px;padding:14px;display:flex;align-items:center;justify-content:center;border-radius:50px;margin-top:30px;cursor:pointer;border:0} .recommendedFrame .qrFrame .txt{ color:var(--txtColor66);font-size:14px;margin-top:20px} .recommendedFrame .qrFrame .qrCode .copyMSG{ background-color:#f4f4f4f2;color:var(--txtColor66);font-size:14px;width:240px;height:100px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow07) 0 0 .5em;border-radius:20px;left:50%;bottom:-11px;transform:translate(-50%);position:absolute;opacity:0} .aniFrameNotice{ min-height:780px} .main_content_wrap_notice .listZone table tr th.checkTH{ width:5%} .main_content_wrap_notice .listZone table tr td.checkUse01 .checkFrame{ display:flex;align-items:center;justify-content:center} .messageFrame .listZone td.checkUse01 .rem_check{ margin-right:0} .messageFrame .listZone td.checkUse01 .rem_check [type='checkbox']+label{ height:20px;line-height:20px;padding-left:15px} @media (max-width:1281px){ .fundFrame .tabZone ul li h4{ font-size:16px} } @media (max-width:1192px){ .bHisFrame .firstFrame{ flex-direction:column} .bHisFrame .firstFrame .tabZone{ width:100%} .bHisFrame .searchZone{ width:100%;justify-content:flex-start} .balanceFrame .firstFrame{ flex-direction:column} .balanceFrame .firstFrame .tabZone{ width:100%} .balanceFrame .searchZone{ width:100%;justify-content:flex-start} .balanceFrame .searchZone:has(.input01-common.input-set.input_content){ justify-content:center} } .aniMSG{ -webkit-animation:aniMSG-61742157 5s 1;animation:aniMSG-61742157 5s 1} @keyframes leftIn-61742157{ 0%{ -webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translate(50%);opacity:0} to{ -webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0);opacity:1} } @keyframes aniMSG-61742157{ 0%{ opacity:0} 50%{ opacity:1} to{ opacity:0} } @keyframes downIn-61742157{ 0%{ -webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);opacity:0} to{ -webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} } .aniTab{ -webkit-animation:aniTab-61742157 1s infinite;animation:aniTab-61742157 1s infinite} @keyframes aniTab-61742157{ 0%{ color:var(--txtColor02);transform:scale(1)} 50%{ color:var(--txtColor02);transform:scale(1.1)} to{ color:var(--txtColor02);transform:scale(1)} } .deep_wrap_notice .messageFrame .siteMailTH{ width:11%} .deep_wrap_notice .messageFrame .siteMailTH01{ width:7%} .deep_wrap_notice .messageFrame .siteMailTH03{ width:14%} .deep_wrap_notice .messageFrame .siteMailTH04{ width:5%} .deep_wrap_notice .messageFrame .messagesNO{ color:var(--txtColor66);font-size:17px;font-weight:700;margin-left:12px} .deep_wrap_notice .messageFrame .messagesNO span{ color:var(--txtColor31)} .deep_wrap_notice .messageFrame .messagesNO span.no{ color:var(--txtColor65)} .deep_wrap_notice .messageFrame .listZone tr.mailUse td{ border-left:0;border-right:0} .deep_wrap_notice .messageFrame .listZone td.checkUse .rem_check{ margin-right:-3px} .deep_wrap_notice .messageFrame .listZone td.checkUse .iconFrame{ display:flex;align-items:center;justify-content:center} .deep_wrap_notice .messageFrame .listZone td.checkUse .iconFrame span{ font-size:18px;font-weight:100;margin-right:8px} .deep_wrap_notice .messageFrame .listZone td.checkUse .iconFrame h4{ margin-top:3px} .deep_wrap_notice .messageFrame .listZone .input_group{ float:left;margin-right:7px} .deep_wrap_notice .messageFrame .listZone .icon-iconMessage{ float:left;color:var(--txtColor30);margin-right:8px;font-size:17px} .deep_wrap_notice .messageFrame .listZone table tr td a.goMessage{ font-size:12px;color:var(--txtColor02);display:block;width:50px;height:25px;line-height:25px;border-radius:3px;margin:0 auto;font-weight:700;transition:0.4s ease-out;text-decoration:none} .deep_wrap_notice .messageFrame .listZone table tr.able td a.goMessage{ background-color:var(--btnColor015)} .deep_wrap_notice .messageFrame .listZone table tr.able td a.goMessage:hover{ background-color:var(--btnColor015_h)} .deep_wrap_notice .messageFrame .listZone table tr.enable td a.goMessage{ background-color:var(--btnColor014)} .deep_wrap_notice .main_content_wrap_notice .listZone table tr.enable td a.goMessage:hover{ background-color:var(--btnColor014_h)} .deep_wrap_notice .main_content_wrap_notice .listZone table tr.enable td.checkUse,.deep_wrap_notice .main_content_wrap_notice .listZone table tr.enable td.checkUse span{ color:var(--txtColor35)} .deep_wrap_notice .messageFrame .btnZone{ margin-top:20px;display:flex} .deep_wrap_notice .messageFrame .btnZone a{ display:block;padding:12px 14px;color:var(--txtColor02);background-color:var(--btnColor014);margin-right:4px;cursor:pointer;border-radius:3px;transition:0.4s ease-out} .deep_wrap_notice .messageFrame .btnZone a:hover{ background-color:var(--btnColor014_h)} .deep_wrap_notice .messageFrame .btnZoneInner{ display:flex;justify-content:space-between} .ac .pointFlow{ cursor:pointer!important;text-decoration:underline!important;min-height:15px} .v_deep_member_point .fundFrame .listPoint01 tr:hover{ background-color:var(--bgColor017)!important} .v_deep_member_point .myFrame .listZone table{ border-top:3px solid var(--bdColor061);border-bottom:2px solid var(--bdColor061)} .v_deep_member_point .myFrame .listPoint02 table{ border-top:none!important;border-bottom:none!important} .v_deep_member_point .myFrame .listPoint01 td.subject{ color:var(--txtColor66)!important;font-weight:100} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .btnP{ color:var(--bdColor058);padding:8px;border-radius:5px;float:left;margin-left:10px;cursor:pointer} .v_deep_member_point .main_content_wrap_notice .listZone table tr td.fB{ display:flex;align-items:center} .v_deep_member_point .myFrame .listPoint02 .title{ color:var(--txtColor75);text-align:center;margin-bottom:25px;font-size:26px;font-weight:600} .v_deep_member_point .main_content_wrap_notice .listZone{ position:relative} .v_deep_member_point .noticeFrame .listZone .input_content{ width:15%;height:40px;padding-left:11px;background-repeat:no-repeat;background-position:10px;box-sizing:border-box;border-radius:3px;position:relative;color:var(--txtColor010);background-color:var(--bgColor017);border:1px solid var(--bdColor03)!important} .v_deep_member_point .noticeFrame .listZone .input_content:active,.v_deep_member_point .noticeFrame .listZone .input_content:focus,.v_deep_member_point .noticeFrame .listZone .input_content:focus-within,.v_deep_member_point .noticeFrame .listZone .input_content:target{ border:1px solid var(--bdColor064)!important} .v_deep_member_point .noticeFrame .listZone .input_content input{ border-bottom:none!important} .v_deep_member_point .noticeFrame .listZone .input_content input:focus{ border-bottom:none!important;box-shadow:none!important} .v_deep_member_point .noticeFrame .listZone .input_content input::placeholder{ color:var(--txtColor66);font-size:14px} .v_deep_member_point .noticeFrame .listZone .inputFrame{ display:flex;margin-bottom:5px} .v_deep_member_point .noticeFrame .listZone .hint{ margin-top:12px} .v_deep_member_point .noticeFrame .listZone .hint01{ margin-top:-10px;margin-left:-11px} .v_deep_member_point .noticeFrame .listZone .hint02{ margin-top:12px;margin-left:1px} .v_deep_member_point .noticeFrame .listZone .hint span{ display:block;float:left;margin-right:6px;color:var(--btnColor024)} .v_deep_member_point .noticeFrame .listZone .hint .txt{ color:var(--btnColor024)} .v_deep_member_point .fundFrame .moneyBtns .btnM{ background-color:var(--btnColor035);border:1px solid var(--bdColor038)} .v_deep_member_point .fundFrame .moneyBtns .all{ background-color:var(--btnColor028);border:1px solid var(--bdColor044);color:var(--txtColor02)} .v_deep_member_point .fundFrame .moneyBtns .all:hover{ background-color:var(--btnColor028_h)} .v_deep_member_point .fundFrame .money-btns-point{ display:flex;flex-wrap:wrap;margin-left:0} .v_deep_member_point .fundFrame .moneyBtns .exchange{ display:flex;align-items:center;justify-content:center;color:var(--txtColor02);padding:6px;font-size:14px;cursor:pointer;width:15%;background-color:var(--btnColor025);transition:0.3s ease-out;border:none} .v_deep_member_point .fundFrame .moneyBtns .exchange:hover{ background-color:var(--btnColor025_h)} .v_deep_member_point .fundFrame .money-btns-point .reset{ padding:0 36px;margin-left:1px} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more{ border:1px solid var(--bdColor043);background:none;margin-left:8px;border-radius:5px;padding:3px 6px;position:relative} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more span{ color:var(--txtColor66)} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more .hover-msg{ position:absolute;padding:10px 18px;border:1px solid var(--bdColor038);background-color:var(--bgColor017);border-radius:5px;bottom:39px;right:-5px;display:none} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more:hover .hover-msg{ display:block} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more .hover-msg:after{ content:'';background-image:url(../../../../KD001-02/assets/images/shared/common/hover-msg01.png);width:13px;height:12px;position:absolute;bottom:-12px;right:11px} .v_deep_member_point .main_content_wrap_notice .listZone table tr td .more .hover-msg p{ text-align:justify;white-space:nowrap;line-height:1.6} .v_deep_member_point .main_content_wrap_notice .listZone table tr td span.negative-number{ color:var(--txtColor49);font-weight:100} .v_deep_member_point .main_content_wrap_notice .listZone table tr td a{ color:var(--txtColor115)!important;cursor:pointer;text-decoration:underline} .v_deep_member_point .blueB{ transition:0.3s ease-out;background-color:var(--btnColor025)} .sportIcon{ width:24px;margin-right:4px;margin-bottom:-5px;vertical-align:bottom} .listZone table.sportUse td{ padding:11px 7px!important} .listZone01.BC table{ display:flex;justify-content:space-between;width:1570px} .listZone01.BC table tr{ display:flex;flex-flow:row wrap;justify-content:space-between;width:1570px} .listZone01.BC table tr .ac:nth-child(13n+1){width:9%} .listZone01.BC table tr .ac:nth-child(13n+2){width:7%} .listZone01.BC table tr .ac:nth-child(13n+3){width:4%} .listZone01.BC table tr .ac:nth-child(13n+4){width:7%} .listZone01.BC table tr .ac:nth-child(13n+5){width:7%} .listZone01.BC table tr .ac:nth-child(13n+6){width:11%} .listZone01.BC table tr .ac:nth-child(13n+7){width:18%} .listZone01.BC table tr .ac:nth-child(13n+8){width:9%} .listZone01.BC table tr .ac:nth-child(13n+9){width:6%} .listZone01.BC table tr .ac:nth-child(13n+10){width:3%} .listZone01.BC table tr .ac:nth-child(13n+11){width:6%} .listZone01.BC table tr .ac:nth-child(13n+12){width:5%} .listZone01.BC table tr .ac:nth-child(13n+13){width:8%} /* *. 37 - [end....home-page] ........... */ .loginpopup-sns {margin-top:15px;padding:0 12px} .loginpopup-sns ul > li {display: inline-block;width: calc(50% - 2px);} .loginpopup-sns ul > .iconSocial-IMG .social-img{ height:auto; } #ad-top { border: none;} @media (min-width: 769px) { :root { --menu01-height: 0px; --header01-height: 85px; } } .header01 .header01Wrapper .dropdown-menu.show { right: 0; } .hidespmenu .left.center_home{float:unset} #menu_sports #sports-detail #league-detail tbody>tr>td{height:auto!important} #menu_sports #sports-mainmenu #sports-detail #league-detail tr{padding:5px 10px} #menu_sports #sports-mainmenu #sports-detail #league-detail{padding:0} #menu_sports #sports-mainmenu #sports-detail tbody>tr>td{width:100%} #menu_sports #sports-mainmenu #sports-detail tbody>tr.sports-detail-country>td._sports_{display:flex; align-items:center;justify-content: space-between;padding: 3px 12px 5px 15px} #menu_sports #sports-mainmenu #sports-detail tr>td ._sports_snip{padding-left:16px} #menu_sports #sports-mainmenu #sports-detail tr>td ._sports_snip{white-space:normal;float:left;width:70%} #menu_sports #sports-mainmenu #sports-detail tr>td ._sports_snip{white-space:normal;float:left;width:70%} #menu_sports #sports-mainmenu #sports-detail tr>td .match_cnt{float:right;padding:5px;border-radius:5px;margin-top:3px} #menu_sports #sports-mainmenu #sports-detail tr{cursor:pointer} #menu_sports #sports-mainmenu #sports-detail{width:100%} #sports-detail>tbody>.sports-detail-country>td{width:100%;padding:2px 12px 0 15px} .bonus_wrap .bonus_box .row>li._sel_bet.bonusodds.odds-container>button>ul.list-box-mg{padding:.75rem 0} .bonus_wrap .bonus_box .row>li._sel_bet.bonusodds.odds-container{flex:50%} .bonus_wrap .bonus_box .row{flex-wrap:wrap} .cart_box.bet_ticket .bet_ticket-details{overflow:unset!important;max-height:unset!important} .hidev2nv2{display:none!important} /*.odds-container .round-box.bet-side._bet>span:last-child{text-align:right}*/ @media (min-width: 769px) { .header01 .header01Wrapper .dropdown-menu.show { top: 33px;} :root{--menu01-height:0px;--header01-height:85px} ._virtualsport_bg #content #content-wrapper{width:calc(100% - 327px)} ._virtualsport_bg #virtualsports-container{width:100%} .dropdown-menu-end{right:0} .footer .footerWrapper .topZone{width:100%} .header01 .header01Wrapper .rightZone .btnN._signup_{margin-right:30px} .header01 .header01Wrapper .rightZone .btnN{padding:11px 15px!important} .header01 .header01Wrapper .rightZone .cash-info-top .c_type:before{content:"\e9aa";font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:7px;font-size:25px;color:#d9b491;vertical-align:middle} .header01 .header01Wrapper .rightZone .points-info-top .c_type:before{font-family:"Font Awesome 5 Brands";font-weight:400;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:var(--fa-display,inline-block);font-style:normal;font-variant:normal;line-height:1;text-rendering:auto;content:"\f288";margin-right:7px;font-size:25px;color:#d9b491;vertical-align:middle} .header01 .header01Wrapper .rightZone .user-info-top a:not(._logout_){padding:11px 15px} .header02 .header02Wrapper .leftZone{width:100%} .header02 .header02Wrapper .rightZone .cash-info-top .c_type:before{content:"\e9aa";vertical-align:middle;font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:20px;font-size:24px;color:#d9b491} .header02 .header02Wrapper{width:100%;justify-content:right} .main__crossing-container.rightside{/*display:none*/} .main_p,.main_p_live{display:none} .marquee01{display:none!important} .marquee02{display:block!important} .menu01 .menu01Wrapper .logo{width:100%;padding:20px 10px;position:sticky;top:0;z-index:9} .menu01 .menu01Wrapper .menuZone ul li a.menu:hover:before, .menu01 .menu01Wrapper .menuZone ul li.active a.menu:before { display:inline-block; } .menu01 .menu01Wrapper .menuZone.quickmenu_menu02 ul li a.menu:hover:before, .menu01 .menu01Wrapper .menuZone.quickmenu_menu02 ul li.active a.menu:before { transform:rotate(-45deg) translateZ(0); } .menu01 .menu01Wrapper .menuZone{width:100%} .menu01 .menu01Wrapper{flex-flow:column;position:relative;overflow:auto;width:100%;height:100vh;justify-content:flex-start} .menu02 .menu02Wrapper .logo img{margin:0 auto;display:block;max-width:260px} .menu02 .menu02Wrapper .menuZone .nav{flex-flow:column} .menu02 .menu02Wrapper .menuZone ul li ._tv_pop.menu:before{font-family:'icomoon2'!important;content:"\ea19"} .menu02 .menu02Wrapper .menuZone ul li .deposit-menu:before{font-family:'icomoon2'!important;content:"\e943"} .menu02 .menu02Wrapper .menuZone ul li .event_coffetime:before{font-family:'icomoon2'!important;content:"\e904"} .menu02 .menu02Wrapper .menuZone ul li .event_foodtime.menu:before{font-family:'icomoon2'!important;content:"\ea1a"} .menu02 .menu02Wrapper .menuZone ul li .event_payback_month.menu:before {font-family:'icomoon2'!important;content:"\ea12"} .menu02 .menu02Wrapper .menuZone ul li .event_recommend_month_payback:before {font-family:'icomoon2'!important;content:"\e99a"} .menu02 .menu02Wrapper .menuZone ul li [ref*="event_payback"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="coup"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li .event_payback.menu:before {font-family:'icomoon2'!important;content:"\e901"} .menu02 .menu02Wrapper .menuZone ul li .event_recommend_payback.menu:before{font-family:'icomoon2'!important;content:"\e9d2"} .menu02 .menu02Wrapper .menuZone ul li .menu [class^="icon-"]{display:none} .menu02 .menu02Wrapper .menuZone ul li .menu:before{speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:20px;font-size:24px} .menu02 .menu02Wrapper .menuZone ul li .withdraw-menu:before{font-family:'icomoon2'!important;content:"\e944"} .menu02 .menu02Wrapper .menuZone ul li a.menu{padding:0;display: flex;align-items: center;} .menu02 .menu02Wrapper .menuZone ul li[ref="autobetting"] .menu:before{font-family:'icomoon2'!important;content:"\e906"} .menu02 .menu02Wrapper .menuZone ul li[ref="autobetting_list"] .menu:before{font-family:'icomoon2'!important;content:"\e945"} .menu02 .menu02Wrapper .menuZone ul li[ref="bet_sports"] .menu:before{font-family:'icomoon'!important;content:"\e93b"} .menu02 .menu02Wrapper .menuZone ul li[ref="history"] .menu:before{font-family:'icomoon'!important;content:"\e93b"} .menu02 .menu02Wrapper .menuZone ul li[ref="board"] .menu:before{font-family:'icomoon'!important;content:"\e933"} .menu02 .menu02Wrapper .menuZone ul li[ref="calendar"] .menu:before{font-family:'icomoon2'!important;content:"\e909"} .menu02 .menu02Wrapper .menuZone ul li[ref="calendar_deposit"] .menu:before{font-family:'icomoon2'!important;content:"\ea1b"} .menu02 .menu02Wrapper .menuZone ul li[ref="cash_log_list"] .menu:before{font-family:'icomoon2'!important;content:"\e903"} .menu02 .menu02Wrapper .menuZone ul li[ref="casino_maint"] .menu:before{font-family:'icomoon'!important;content:"\e92e"} .menu02 .menu02Wrapper .menuZone ul li[ref*="casino"] .menu:before{font-family:'icomoon'!important;content:"\e92e"} .menu02 .menu02Wrapper .menuZone ul li[ref="holdem"] .menu:before,.menu02 .menu02Wrapper .menuZone ul li[ref="holdem_maint"] .menu:before{font-family:'icomoon'!important;content:"\e931"} .menu02 .menu02Wrapper .menuZone ul li[ref*="deposit"] .menu:before{font-family:'icomoon2'!important;content:"\e943"} .menu02 .menu02Wrapper .menuZone ul li[ref="deposit"] .menu:before{font-family:'icomoon2'!important;content:"\e943"} .menu02 .menu02Wrapper .menuZone ul li[ref="oxo_deposit"] .menu:before{font-family:'icomoon2'!important;content:"\e943"} .menu02 .menu02Wrapper .menuZone ul li[ref="deposit_list"] .menu:before{font-family:'icomoon2'!important;content:"\e90a"} .menu02 .menu02Wrapper .menuZone ul li[ref="event"] .menu:before{font-family:'icomoon'!important;content:"\e926"} .menu02 .menu02Wrapper .menuZone ul li[ref="event_roulette"] .menu:before{font-family:'icomoon2'!important;content:"\e902"} .menu02 .menu02Wrapper .menuZone ul li[ref="live"] .menu:before{font-family:'icomoon'!important;content:"\e91d"} .menu02 .menu02Wrapper .menuZone ul li[ref="memo"] .menu:before{font-family:'icomoon2'!important;content:"\e905"} .menu02 .menu02Wrapper .menuZone ul li[ref="mini"] .menu:before,.menu02 .menu02Wrapper .menuZone ul li[ref="mini_maint"] .menu:before {font-family:'icomoon'!important;content:"\e930"} .menu02 .menu02Wrapper .menuZone ul li[ref="notice"] .menu:before{font-family:'icomoon2'!important;content:"\e908"} .menu02 .menu02Wrapper .menuZone ul li[ref="point"] .menu:before,.menu02 .menu02Wrapper .menuZone ul li[ref="holdem_rake_point"] .menu:before{font-family:'icomoon2'!important;content:"\e9de"} .menu02 .menu02Wrapper .menuZone ul li[ref="recommend"] .menu:before{font-family:'icomoon2'!important;content:"\e9a2"} .menu02 .menu02Wrapper .menuZone ul li[ref="result"] .menu:before{font-family:'icomoon2'!important;content:"\e907"} .menu02 .menu02Wrapper .menuZone ul li[ref*="slot"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="hslot"] .menu:before {font-family:'icomoon'!important;content:"\e92f"} .menu02 .menu02Wrapper .menuZone ul li[ref="sports"] .menu:before{font-family:'icomoon'!important;content:"\e9a3"} .menu02 .menu02Wrapper .menuZone ul li[ref="support"] .menu:before{font-family:'icomoon2'!important;content:"\e947"} .menu02 .menu02Wrapper .menuZone ul li[ref="userinfo"] .menu:before{font-family:'icomoon2'!important;content:"\ea1c"} .menu02 .menu02Wrapper .menuZone ul li[ref="virtual"] .menu:before{font-family:'icomoon'!important;content:"\e9a4"} .menu02 .menu02Wrapper .menuZone ul li[ref="withdraw"] .menu:before{font-family:'icomoon2'!important;content:"\e944"} .menu02 .menu02Wrapper .menuZone ul li[ref*="withdraw"] .menu:before{font-family:'icomoon2'!important;content:"\e944"} .menu02 .menu02Wrapper .menuZone ul li[ref="ranking"] .menu:before{font-family:'icomoon2'!important;content:"\e9b8"} .menu02 .menu02Wrapper .menuZone ul li[ref="rank"] .menu:before{font-family:'icomoon2'!important;content:"\e9b8"} .menu02 .menu02Wrapper .menuZone ul li[ref="myclub"] .menu:before{font-family:'icomoon2'!important;content:"\eb2f"} .menu02 .menu02Wrapper .menuZone ul li[ref="mycenter"] .menu:before{font-family:'icomoon2'!important;content:"\eb2d"} .menu02 .menu02Wrapper .menuZone ul li[ref="infoclub"] .menu:before{font-family:'icomoon2'!important;content:"\eb2e"} .menu02 .menu02Wrapper .menuZone ul li{ padding:10px; border-bottom:1px solid #c6a586; position:relative; display:flex; align-items:center; float:unset; margin-left: 0; } .menu02 .menu02Wrapper .menuZone{ padding:17px;margin:20px 10% 0;width:80%;border-radius:10px; } .menu02 .quickmenu_menu02{display:block} .noticeIcon img{width:29px} .notice_text,.noticeIcon{display:inline-block;vertical-align:middle;padding:0 10px} .notice_text{width:calc(100% - 55px)} .SidebarToggleWrapper{width:257px} .icon-narrow-menu{height:20px;padding:0 17px} .menu02 .menu02Wrapper .menuZone:last-child{margin-bottom:50px} .nv2_v2 #main-c.main-wide-unfoldable,#top_pc .header01{width:calc(100% - 137px)} .nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable .sidebar-toggler,.nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable:not(:hover) .sidebar-toggler{height:30vh;z-index:5;--cui-sidebar-toggler-indicator-height:100%;position:fixed;top:50%;transform:translateY(-50%);transition:none;--cui-sidebar-toggler-indicator-width:60px;} .nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable .sidebar-toggler::before{left:-45px;position:absolute;z-index:9;width:var(--cui-sidebar-toggler-indicator-width);background-position:center;background-position-x:center} .nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable .toggler-title,.nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable .icon-narrow-menu{display:none} .nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable,.nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable .SidebarToggleWrapper{transition:none;width:38px;border-width:0 1px 0 0;border-style:groove;} .nv2_v2 #sidemenu-sp.sidebar-narrow-unfoldable{width:45px} .nv2_v2 #sidemenu-sp{margin-left:70px;top:0;width:257px} .nv2_v2 #top_pc #top-menu.menu02 .menu02Wrapper .logo-small{display:block} .nv2_v2 #top_pc #top-menu.menu02 .menu02Wrapper .logo{display:none} .nv2_v2 #top_pc #top-menu.menu02 .menu02Wrapper .menuZone ul li .menu:before{margin-right:0} .nv2_v2 #top_pc #top-menu.menu02 .menu02Wrapper .menuZone ul li{padding:9px 0;margin-left:0;justify-content:center;align-items:center;border-width:0} .nv2_v2 #top_pc #top-menu.menu02 .menu02Wrapper .menuZone{padding:20px 0} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .logo-small{display:none} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .logo{display:block} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li .menu:before{margin-right:29px} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li.active .menu:before{margin-right:43px} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li.active:hover .menu{padding-left: 49px;} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li a.menu{font-size: 13px;} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li{padding:10px;/* margin-left:17px; */justify-content:left;border-width:1px} .nv2_v2 #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone{padding: 17px;} .nv2_v2 #top_pc #top-menu.menu02:not(:hover) .menu01Wrapper{overflow:hidden} .nv2_v2 #top_pc #top-menu:hover{width: 250px;} .nv2_v2 #top_pc #top-menu{width:70px;z-index:9999} .nv2_v2 #top_pc.top-wide-unfoldable .header01{width:calc(100% - 145px)} .nv2_v2 .menu02 .menu02Wrapper .menuZone ul li a.menu{font-size:0} .nv2_v2 .sidebar-narrow-unfoldable #menu_sports #sports-mainmenu li{opacity:0;pointer-events:none} .nv2_v2 .sidebar-narrow-unfoldable:not(:hover) .nav-title{opacity:1;height:initial!important;visibility:visible;padding:var(--cui-sidebar-nav-title-padding-y) var(--cui-sidebar-nav-title-padding-x);margin-top:15px;transition:none} .nv2_v2 .sidebar:not(.sidebar-end)~*{--cui-sidebar-occupy-start:unset} .nv2{display:block!important;opacity:1!important;visibility:visible!important} .sidebar-toggler::before{width:calc(100% - 30px);background-position:right;background-position-x:92%;z-index:2;position:relative} .sidebar-toggler{flex-flow:row-reverse;align-items:center;justify-content:space-between} .toggler-title{position:absolute;left:50%;transform:translateX(-50%)} .v_deep_home{display:block} .withdraw-wrapper,.board-wrapper,.deposit-wrapper,.calendar-wrapper,.notice-wrapper,.event-wrapper,.points-wrapper,.memo-wrapper,.userinfo-wrapper,.loglist-wrapper,.recommend-wrapper,.result-wrapper,.autobetting-wrapper,.betting-wrapper,.support-wrapper,.roulette-wrapper,.slotPage{width:95%} #main-c{width:calc(100% - 327px);float:right} #right-content_menu-pc .sidebar.sidebar-fixed-lg{top:var(--header01-height)} #top_pc #top-menu{float:left;position:initial;height:100vh;position:fixed;z-index:9;width:327px;top:0;transition:0.3s all ease} #top_pc .header01 .header01Wrapper .quickmenu_menu01{display:none!important} #top_pc .header01{width:calc(100% - 327px);position:fixed;right:0;top:0} /*.nametag_:before{content:'';height:15px;width:15px;position:absolute;top:50%;transform:translate(0,-50%);background-color:#cc9a6c;display:inline-block;left:0} .sp_title{position:relative;z-index:1} .nametag_:after{content:'';height:3px;width:100%;position:absolute;top:50%;transform:translate(15px,-50%);background-color:#cc9a6c;display:inline-block} .nametag_{padding-left:20px;display:block;position:relative} */ body.nv2_v2.hidespmenu #main-c.main-wide-unfoldable, body.nv2_v2.hidespmenu #top_pc .header01, .nv2_v2 #top_pc.top-wide-unfoldable .header01 { width: calc(100% - 72px); } .bet-history-tab { flex: 1 1 auto; border-radius: 0px; width: 49%; } .el-row.nav.nav-tabs { align-items: center; gap: 1px; } .bet-view-sport-detail { display: flex; } .bet-view-sport-detail .home-name { text-align: right; } .bet-view-sport-detail .vs { text-align: center; } .bet-log-wrap .type-name .bet_view_sport_id_details, .bet-log-wrap .type-name .bet-view-sport-detail { display: flex; justify-content: center; align-items: center; gap: 7px; } .bet-odds .type-name .bet_view_type { display: flex; width: 100% !important; justify-content: center; } } #rank_list .firstFrame .searchZone .moneyBtns .btnM { height: 40px; padding: 0 19px; border: 1px solid #d7daf1; border-radius: 5px; background-color: #f3f3f9; display: flex; align-items: center; justify-content: center; font-size: 14px; color: #6a7391; font-weight: 700; cursor: pointer; transition: 0.4s ease-out; margin-right: 4px; } #rank_list .firstFrame .searchZone { flex-direction: column; gap: 4px; } #rank_list .firstFrame .searchZone .moneyBtns .btnM.chooseBtn { background-color: #29447e !important; border: 1px solid #29447e !important; color: #FFF !important; } #rank_list .firstFrame .searchZone .moneyBtns .btnM:hover { background-color: #d9b491 !important ; border: 1px solid #d9b491 !important ; color: #FFF !important; } #rank_list .firstFrame .searchZone .moneyBtns .btnM.search { background-color: #296c7e !important; color: #ffffff; border: 1px solid #296c7e; } @media (max-width: 850px) { #rank_list .firstFrame .searchZone .moneyBtns .btnM { display: inline-flex; width: 31.33%; height: 45px; } } @media screen and (min-width: 769px) and (max-width: 1750px) { .hidespmenu #main-c{width:calc(100% - 70px)} .menu02 .menu02Wrapper .menuZone ul li a.menu{font-size:0} .sidebar:not(.sidebar-end)~*{ --cui-sidebar-occupy-start:unset} #sidemenu-sp{margin-left:70px;top:0;width:257px} #top_pc #top-menu.menu02 .menu02Wrapper .logo-small{display:block} #top_pc #top-menu.menu02 .menu02Wrapper .logo{display:none} #top_pc #top-menu.menu02 .menu02Wrapper .menuZone ul li .menu:before{margin-right:0} #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref="sports"] .menu:before, #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref="live"] .menu:before { margin-left: -25px; margin-top: 10px; } #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref="sports"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref="live"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="virtual"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="mini"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="casino"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="slot"] .menu:before { margin-left: -16px; margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="virtual"] .menu:before{ margin-left: -30px; margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="mini"] .menu:before{ margin-left: -29px; margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="casino"] .menu:before{ margin-left: -23px; margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="slot"] .menu:before{ margin-left: -35px; margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone ul li{padding:9px 0;margin-left:0;justify-content:center;align-items:center;border-width:0} #top_pc #top-menu.menu02 .menu02Wrapper .menuZone{padding:20px 0} #top_pc #top-menu.menu02:hover .menu02Wrapper .logo-small{display:none} #top_pc #top-menu.menu02:hover .menu02Wrapper .logo{display:block} #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li .menu:before{margin-right:20px} #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li a.menu{font-size:initial} #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover a.menu {padding-left:45px} #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li{padding:9px 3px;/* margin-left:17px; */justify-content:left;border-width:1px} #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone{padding: 18px;} #top_pc #top-menu:hover{width:327px} #top_pc #top-menu{width:70px;z-index:9999} #top_pc .header01{width:calc(100% - 70px)} } @media screen and (min-width: 769px) { #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu:before, #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-top: 10px; } #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li[ref*="holdem"]:hover .menu:before, #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="holdem"] .menu:before, #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li[ref*="bet_sports"]:hover .menu:before, #top_pc #top-menu.menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="bet_sports"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li[ref*="holdem"]:hover .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="holdem"] .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li[ref*="bet_sports"]:hover .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active[ref*="bet_sports"] .menu:before{ margin-top: 0; } } .forum-tbl .table-board-blue2.noti_tbl .table-header.th-title div.text-center:nth-child(2), .forum-tbl .table-board-blue2.noti_tbl .tbl-row.col_not.el-row .table-board-tr div.text-center:nth-child(2) { flex-grow: 1; } @media (max-width: 1199px) { .hidespmenu #main-c{width:calc(100% - 0px)} #main-c{width:calc(100% - 0px)} #top_pc,html:not([dir="rtl"]) .nv2_v2 .sidebar:not(.sidebar-end):not(.show){margin-left:calc(-2* var(--cui-sidebar-width))!important} } @media (max-width: 768px) { .forum-tbl .table-board-blue2.noti_tbl .table-header.th-title>div.text-center:nth-child(3):last-child,.forum-tbl .table-board-blue2.noti_tbl .tbl-row.col_not.el-row .table-board-tr>div:nth-child(3):last-child{width:25%!important} #content-table .bank-table .table>ul>.tr>p{color:#5f5f5f!important} } .rightZone .btns { z-index: 3; position: relative; height:34vw; } .rightZone .btns ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: start; } .rightZone > .btns li#ent_Evolution._table_holdem.menuholdem.go_holdem { background: url(/image/Casino/obj-holdem.png?v=002); width: 31vw; height: 28vw; background-size: 100%; background-repeat: no-repeat; border: 0; box-shadow: none; position:relative; cursor: pointer; } @media (min-width: 769px) and (max-width: 960px) { .holdemv2-wrap { width: 70vw; display: flex; justify-content: center; margin: 0 auto; } .holdemv2-wrap .rightZone > .btns li#ent_Evolution._table_holdem.menuholdem.go_holdem { width: 50vw; height: 46vw; } } .rightZone .btns ul li .ppPro { position: absolute; top: 0; left: 0; z-index: 3 } .rightZone .btns ul li .ppPro img { width: 3.5vw } .rightZone .btns ul li .logo { position: absolute; right: 5%; top: 7%; z-index: 3; background-repeat: no-repeat; } .rightZone .btns ul li .model { background-repeat: no-repeat; background-size: cover; width: 100%; height: 0px; transition: .3s ease-out; position: absolute; z-index: 2; margin: 0 auto } .rightZone .btns ul li._table_holdem .txt01 { display: none; width: 100%; /*display: flex;*/ flex-direction: column; align-items: center; z-index: 2; position: absolute; bottom: 0.8vw; left: 49%; transform: translateX(-50%); justify-content: center; cursor:pointer; } .rightZone .btns ul li._table_holdem .txt01:hover { color:#fff; } .rightZone .btns ul li .txt01 h2 { font-size: 1vw; color: #dbb897; font-family: arial } ._table_holdem .txt02 { display: none; position: absolute; left: 50%; top: 14vw; transform: translateX(-50%); font-size: 16px; text-align: center; border-top: 6px dotted gold; border-bottom: 6px dotted gold; padding: 0.5vw; line-height: 1.5vw; font-weight: 700; width: 70%; } @media (max-width: 768px) { ._table_holdem .txt02 { top: 15vw; line-height: 4.5vw; font-size: 13px; } } ._table_holdem .txt02 .holdem-txt .htxt-w { color: #000; } ._table_holdem .txt02 .holdem-txt .htxt-y { color: #cb3a03; } ._table_holdem .txt02a { position: absolute; top: calc(20vw + 10px); left: 50%; transform: translateX(-50%); font-weight: 600; font-size: 18px; z-index: 1; } ._table_holdem .txt02a > .htxt-w { color: #6b522e; } ._table_holdem .txt02a > .htxt-b { color: #895d1e; } ._table_holdem .txt02 h2 { font-size: 1.5vw; } .modal.show .modal-dialog { margin-top: 50px !important; } #mgModal.modal.show .modal-dialog { margin-top: 0px !important; } @media only screen and (max-width:1500px) { .rightZone .btns { height:35vw; } .rightZone .btns ul li._table_holdem{ width: 42vw; height: 37.5vw; } .rightZone .btns ul li._table_holdem .txt01{ bottom: 0; } ._table_holdem .txt02 { top: 20vw; width: 86%; } .rightZone .btns ul li .txt01 h2 { font-size: 2vw; } } @media only screen and (max-width:960px) { ._table_holdem .txt02 { top:19vw; } ._table_holdem .txt02 h2 { font-size: 2.5vw; } .type-name .bet_view_result { background: transparent; position: unset; transform: unset; } .bet-view-sport-detail { display: flex; gap: 10px; justify-content: center; text-align: center; } .bet-view-sport-detail .home-name { text-align: right; } .bet-view-sport-detail .vs { text-align: center; } .bet-view-sport-detail .away-name { text-align: left; } .bet-view-sport-detail .home-name , .bet-view-sport-detail .away-name , .bet-view-sport-detail .vs { width:auto !important; } .bet-log-wrap .type-name .bet_view_sport_id_details, .bet-log-wrap .type-name .bet-view-sport-detail { display: flex; justify-content: center; align-items: center; } .type-name .bet_view_sport_id_details i { float: unset !important; display: inline-block !important; vertical-align: middle; margin: 0 10px; } .bet-odds .type-name .bet_view_type , .bet-odds .type-name .bet_view_result { display: flex; width: 100% !important; justify-content: center; } #boardbetlist-content .ask_btn:has(.board_bettinglist_sort) { flex-wrap: wrap; gap: 3px; margin: 18px 2px 15px 0; } .speech-bubble .bl-container .bet-odds .odds-container .round-box > snip { overflow: auto; } .casino-limg { display: none; } } @media only screen and (max-width:768px) { .aniLogo-02 img { height: 450px; } .aniLogo-02 { text-align: center; } .casino-list-wrap .container_table {width: 100%;} .rightZone .btns ul li._table_holdem { width: 88vw !important; height: 83vw !important; } .rightZone .btns ul { justify-content: center; } ._table_holdem .txt02 { top: 34vw; } ._table_holdem .txt02 h2 { font-size: 4vw; } .rightZone .btns ul li._table_holdem .txt01 { bottom: 1.3vw; } .rightZone .btns ul li .txt01 h2 { font-size: 4vw; } .rightZone .btns { height: 80vw; } .bet-history-tab { flex: 1 1 auto; border-radius: 0px; width: 49%; } .el-row.nav.nav-tabs { align-items: center; gap: 1px; } #asian-container .asian_slide_box .match_star { margin-left: 14px; } } #right-betslip .main__crossing-container.rightside { height: 80px; } .main__crossing-container.rightside .main__crossing-current .mcu_wrap { display: flex; justify-content: space-between; align-items: center; font-weight: 500; } .sportFrame .sportsContent #leftbox_out .el-scrollbar__wrap { overflow: scroll; height: calc(100vh - 100px); } .finance_wrapper .bundle_wrapper .findiv .absolute__right.btn-del-side { margin: 0; } .mutiple_box.match-info { font-size: 12px; } #user-container .member_infoForm .info-group.w-50 input { margin-left: 0 !important; width: 100%; } #user-container .userInfoW .member_infoForm .table_Uinfo .info-group select { line-height: 30px; left: 0; } #user-container .userInfoW .member_infoForm .table_Uinfo .info-group select > option { background-color: #232121; } .iconmobile-betslip .dropdown-menu #top_memo { display: none !important; opacity: 0; } .footer.footer_notice .footerWrapper.footerWrapperReverse .footRframe { flex-direction: row-reverse; } .footer.footer_notice .footerWrapper.footerWrapperReverse .footRframe .rightZone01 { justify-content: center; } .footer.footer_notice .footerWrapper.footerWrapperReverse { width:100%; margin:0; } .footer.footer_notice .footerWrapper.footerWrapperReverse .topZone { padding: 40px; padding-bottom: 0; } .footer.footer_notice .footerWrapper.footerWrapperReverse .downZone { width: 100%; border-bottom: none; } .footer.footer_notice .footerWrapper.footerWrapperReverse .downZone .thirdLogo { padding: 0 20px; } #register-container .result_r_div .result_r_table thead tr th { border-radius: 5px; text-align: center; } #register-container .result_r_div .result_r_table { border-collapse:separate; border-spacing: 6px; } #register-container .result_r_div .result_r_table tbody>tr>td { padding: 0.5rem; border-radius: 5px; border: 1px solid var(--border-color-01); background: var(--bgColor-04); text-align: center; } @media (max-width: 768px) { .odds-container:has(.round-box:nth-child(3)) .round-box.bet-side span.odds { padding: 0; } .odds-container .round-box.bet-side:has(span:nth-child(2):last-child), .odds-container .round-box.bet-side2:has(span:nth-child(2):last-child) { display: flex !important; } .mobile-only .frontpage-linkicon .login-sns > .socials { display: flex; } .login-container.openLogin .login-box-wrapper > .rightZone > .top:has(>.logo-size) { max-width: 70%; margin: 0 auto; } .login-container.openLogin .login-box-wrapper > .rightZone > .top > img.logo-size { width: 100%; height: auto; } #login-container .btnZone .btnFrame #login_btn { margin-top: 8px !important; } .v_deep_home .main_content_wrap .slotZone .centerZone .downZone.slotbtngroup a { width: 98%; } } .dropdown-item .icon-icconReferral1.icomoon2 { font-family: 'icomoon2' !important; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu:before { filter: unset; opacity: 1; position: absolute; left: -13px; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu { padding-left: 45px; } .menu02 .menu02Wrapper .menuZone ul li.active[ref="sports"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="sports"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon2.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref="live"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="live"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon2.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref="mini_maint"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="mini_maint"]:hover .menu:before, .menu02 .menu02Wrapper .menuZone ul li.active[ref*="mini"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="mini"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon6.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="casino"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="casino"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon3.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="slot"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="slot"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon5.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="holdem"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="holdem"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon11.png?v=01); transform: scale(0.85) !important;!i;!; } .menu02 .menu02Wrapper .menuZone ul li[ref*="holdem"]:hover .menu:before { left: -25px !important; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="holdem"]:hover .menu:before { left: 0 !important; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="holdem"] .menu:before { margin-left: -25px !important; margin-right: 54px !important; } .menu02 .menu02Wrapper .menuZone ul li[ref*="holdem_rake_point"]:hover .menu:before { font-family: 'icomoon2' !important; content: "\e9de"; } .menu02 .menu02Wrapper .menuZone ul li.active[ref="virtual"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="virtual"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon1.png?v=01) } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="bet_sports"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="bet_sports"]:hover .menu:before { content:url(/image/icon/newv2/3dgoldicon10.png?v=01); transform: scale(0.85) !important;!i;!; } .menu02 .menu02Wrapper .menuZone ul li[ref*="bet_sports"]:hover .menu:before { left: -24px !important; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="bet_sports"]:hover .menu:before { left: 0 !important; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="bet_sports"] .menu:before { margin-left: -24px !important; margin-right: 53px !important; } @media (max-width: 640px) { .modal .login-container.openLogin { width: 90%; transform: translate(-50%, 20%); } .modal.fade.show .modal-dialog .modal-body h5.Xbtn { width: 20px; height: 20px; margin-top: 10px; margin-right: 10px; } .modal.fade.show .modal-dialog .modal-body h5.Xbtn > span.icon-iconCross.Xbtn { font-size: 14px; } } #register-container.newTemp-cal > div:has(>button._calander_day) { display: flex; width: 100%; gap: 10px; align-items: center; justify-content: center; margin-top: 10px; } #register-container.newTemp-cal > .calendar_points > .point_section > .btn-darkpurple.event_btn, #register-container.newTemp-cal > div > button._calander_day { border-radius: 14px } .loglist-wrapper > .panel-page-blue2 > .panel-body .gametype-button-orange.red-button1:has(.btnv2.danger), .betting-wrapper > .panel-page-blue2 > .panel-body .el-row > div.el-row:has(>.ask_btn.wrapthree_groupbtn), .support-wrapper > .panel-page-blue2 > .panel-body .el-row > div.el-row:has(>.ask_btn._sup_write_bank.four_group-btn), .topbtn-grp:has(>.support_btn._write_.btn-write_notice) { display: flex; justify-content: flex-end; } @media screen (min-width: 769px) { .topbtn-grp:has(>.support_btn._write_.btn-write_notice) { padding: 10px; } } @media screen and (max-width: 992px) { .casino-list-wrap .casinogames_lobby { width: 45%; } } @media screen and (min-width: 769px) and (max-width: 1750px) { #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li .menu:before, #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone ul li.active .menu:before { margin-right: 24px; } #top_pc #top-menu.menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-right: 40px; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-left: -25px; } .menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-left: -16px; margin-right: 24px; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="holdem"] .menu:before { margin-left: 0px !important; } .menu02:hover .menu02Wrapper .menuZone ul li.active[ref*="holdem"] .menu:before { margin-left: -28px !important; margin-right: 52px !important; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="bet_sports"] .menu:before { margin-left: 3px !important; } .menu02:hover .menu02Wrapper .menuZone ul li.active[ref*="bet_sports"] .menu:before { margin-left: -29px !important; } } @media screen and (min-width: 769px) { .menu02 .menu02Wrapper .menuZone ul li { height: 42px; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu { padding-left: 50px; } .menu02 .menu02Wrapper .menuZone ul li .menu:before { font-size: 21px; width: 21px; margin-right: 29px; } /* Custom icon sizes */ .menu02 .menu02Wrapper .menuZone ul li:hover .menu:before { font-size: 21px; } .menu02 .menu02Wrapper .menuZone ul li[ref*="mini"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="mini_maint"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="virtual"] .menu:before { font-size: 26px; } .menu02 .menu02Wrapper .menuZone ul li[ref*="holdem"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="holdem_maint"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref*="casino"] .menu:before{ font-size: 23px; } .menu02 .menu02Wrapper .menuZone ul li[ref*="slot"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="slot_maint"] .menu:before { font-size: 25px; } .menu01 .menu01Wrapper .menuZone.mainpagemenuZone ul li a.menu:hover:before, .menu01 .menu01Wrapper .menuZone.mainpagemenuZone ul li.active a.menu:before{ transform: unset; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li:hover .menu:before { left: -16px; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active:hover .menu:before { left: 0; } .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-left: -15px; margin-right: 44px; } .nv2_v2 .menu02 .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-left: -24px; margin-right: 44px; } .nv2_v2 .menu02:hover .menu02Wrapper .menuZone.mainpagemenuZone ul li.active .menu:before { margin-left: -15px; margin-right: 44px; } .menu02 .menu02Wrapper .menuZone ul li.active[ref*="holdem"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li.active[ref="bet_sports"] .menu:before .menu02 .menu02Wrapper .menuZone ul li[ref*="holdem"] .menu:before, .menu02 .menu02Wrapper .menuZone ul li[ref="bet_sports"] .menu:before { left: -30px !important; } } @media screen and (max-width: 1500px) { #deposit-form .subTitlev2 .titleLine.half, #withdraw-form .titleLine.half { width: 74vw; } } .deposit-event .deposit_calendar.stamped, .calendar-container table.checkin-event tbody td.stamped { background-image: url(/image/icon/stamped-gold.png); background-size: 70%; background-repeat: no-repeat; font-size: 0; } .deposit-event.deposit_calendar tbody td.deposit_calendar.stamped .wrapper_stamped .day_text { box-shadow: 0 3px 8px #e1e1e1, inset 0 2px 3px #fff; border: solid 1px #d7d4f1; top: unset; background: unset; height: 6rem; } @media (max-width: 768px) { ._m_view .odds-container .round-box.bet-side._bet .scrollable { margin-bottom: -4px; } .deposit-event.deposit_calendar tbody td.deposit_calendar.stamped .wrapper_stamped .day_text { height: 3rem; } } @media (max-width: 768px) { .foot-bottom img { width: 80%; max-width: 100%; margin-bottom: 0; height: auto; } .foot-bottom > .frontpage-linkicon > .login-sns > .socials > .right-sns > span.left { color: #5f5741; font-weight: 500; text-align: center; width: 100%; font-size: 14px; line-height: normal; } .foot-bottom > .frontpage-linkicon > .login-sns { display: flex; justify-content: center; margin-bottom: 15px; } } .sp_league > div > span:has(>i.league_star) { display: flex; justify-content: flex-end; align-items: center; } /* start slot other style*/ :root { --bgColor085:rgb(198 213 234 / 95%); } .slotPage{background-size:cover;width:100%;transition:.4s ease-out;position:relative;padding-bottom:20px} .slotPage .slotWrapper{width:92%;height:90%;padding:5% 0 0 5.4%} .slotPage .slotWrapper .title{width:100%;display:flex;align-items:center;justify-content:space-between} .slotPage .slotWrapper .title .leftZone{color:var(--txtColor71);font-weight:700;display:flex;align-items:center;justify-content:start;transform:translateZ(0);margin-right:1vw;flex:1;flex-grow:0} .slotPage .slotWrapper .title .leftZone span.icon-iiconLogoB{font-size:2.3vw;margin-right:4px;flex:1;flex-grow:0} .slotPage .slotWrapper .title .leftZone h4{font-size:1.4vw;margin-right:.5vw;flex:1;flex-grow:0} .slotPage .slotWrapper .title .leftZone span{color:var(--txtColor65);font-size:1.4vw;flex:1;flex-grow:0} .slotPage .slotWrapper .title .line{height:2px;width:81vw;background-color:var(--bgColor085);position:relative;flex:2} .slotPage .slotWrapper .title .line:before{content:"";width:8px;height:8px;background-color:var(--bgColor085);position:absolute;top:50%;left:0;transform:translate(-50%,-50%)} .slotPage .slotWrapper .content{display:flex;align-items:start;justify-content:space-around;margin-top:4vh} .slotPage .slotWrapper .content .leftFrame{width:55%;position:relative;animation:rightIn-010c5d9e .4s;animation-fill-mode:forwards;opacity:0;min-height:695px} .slotPage .slotWrapper .content .leftZone{background-image:url(/image/asset/slotani.png); background-size: 100%; width: auto; /* padding-bottom: 100%; */ position: relative; background-repeat: no-repeat; background-position: center; aspect-ratio: 800 / 1029; max-height: calc(100vh - 200px); margin: 0 auto; } .slotPage .slotWrapper .content .leftZone.holdem_anilogo{background-image:url(/image/asset/liveCasino_bg-holdem.webp);background-size:cover;width:91%;padding-bottom:105%;position:relative} .slotPage .slotWrapper .content .leftZone .obj{background-image:url(/image/asset/obj01-78b0d9a5.png);background-repeat:no-repeat;width:119%;height:0;padding-bottom:91%;background-size:cover;position:absolute;margin-left:-14%} .slotPage .slotWrapper .content .rightZone{width:45%} .slotPage .slotWrapper .content .rightZone .txt{margin-bottom:27px;position:relative;z-index:3;width:100%;text-align:justify;animation:leftIn-010c5d9e .4s;animation-fill-mode:forwards;opacity:0} .slotPage .slotWrapper .content .rightZone .txt h2{color:var(--txtColor72);font-size:1.5vw;font-weight:700;margin-bottom:10px} .slotPage .slotWrapper .content .rightZone .txt p{color:var(--txtColor66);line-height:1.6;font-size:.6vw} .slotPage .slotWrapper .content .rightZone .btnA{background:#f2d09b;background:linear-gradient(0deg,#f2d09b 0%,#dbb897 34%,#8e7054 100%);position:relative;border-radius:50px;padding:28px 91px;color:var(--txtColor74);transition:.3s ease-out;display:inline-block;margin-top:28px;cursor:pointer} .slotPage .slotWrapper .content .rightZone .btnA .btnAinner{width:97%;height:97%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ffeed3;background:linear-gradient(90deg,#ffeed3 0%,#dbb897 75%,#c9aa8d 100%);border-radius:50px;display:flex;align-items:center;justify-content:center;font-size:21px;font-weight:700;box-shadow:var(--shadow08) 0 0 .6em} .slotPage .slotWrapper .content .rightZone .btnA:hover{color:var(--txtColor02)} .slotPage .slotWrapper .content .rightZone .obj{background-image:url(/image/asset/obj02-d0634bb1.png);background-repeat:no-repeat;width:68%;height:0;padding-bottom:82%;background-size:cover;position:fixed;top:-24%;z-index:2;opacity:.8;transition:.4s ease-out} .slotPage .slotWrapper .content .rightZone .btns{z-index:3;position:relative;animation:leftIn-010c5d9e .4s;animation-fill-mode:forwards;opacity:0;min-height:560px;} .slotPage .slotWrapper .content .rightZone .btns ul{width:100%;display:flex;flex-wrap:wrap;justify-content:start;padding:0;} .slotPage .slotWrapper .content .rightZone .btns ul li{ aspect-ratio: 342 / 511; width: 17.5%; border: 1px solid #000104; border-radius: 0; box-shadow: 2px 4px 5px 1px #a7b5cc59, inset 0 0 6px 1px #ffffffbf; margin-bottom: 21px; position: relative; cursor: pointer; overflow: hidden; margin-right: 1.5%; padding: 0; } .slotPage .slotWrapper .content .rightZone .btns ul li:hover .model{background-position-y:5px} .slotPage .slotWrapper .content .rightZone .btns ul li .txt01{width:100%;display:flex;flex-direction:column;align-items:center;z-index:2;position:absolute;bottom:13px} .slotPage .slotWrapper .content .rightZone .btns ul li .txt01 h2{font-size:.9vw;color:var(--txtColor73);font-family:arial} .slotPage .slotWrapper .content .rightZone .btns ul li .txt01 span{font-size:.4vw;color:var(--txtColor73)} .slotPage .slotWrapper .content .rightZone .btns ul li:hover .txt01 h2,.slotPage .slotWrapper .content .rightZone .btns ul li:hover .txt01 span{color:var(--txtColor02)} .slotPage .slotWrapper .content .rightZone .btns ul li .mask{position:absolute;top:0;width:100%;height:100%;background:var(--bgColor075);background:linear-gradient(0deg,var(--bgColor076_g01) 0%,var(--bgColor076_g02) 40%,var(--bgColor076_g03) 100%);border-radius:8px;z-index:1;display:flex;align-items:center;justify-content:center;display:none;transition:.4s ease-out;opacity:.5} .slotPage .slotWrapper .content .rightZone .btns ul li .mask .inner{width:100%;height:99%;border-radius:0;z-index:1;display:none;transition:.4s ease-out;width:50%;color:#fff} .slotPage .slotWrapper .content .rightZone .btns ul li:hover .mask,.slotPage .slotWrapper .content .rightZone .btns ul li:hover .inner,.slotPage .slotWrapper .content .rightZone .btns ul li.maintainGo .maintain{display:flex} .slotPage .slotWrapper .content .rightZone .btns ul li .maintain{display:none;background-color:var(--bgColor084);border:1px solid var(--bdColor052);border-radius:10px;width:100%;height:100%;position:absolute;z-index:2;align-items:center;justify-content:center;flex-direction:column} .slotPage .slotWrapper .content .rightZone .btns ul li .maintain span{font-size:4.5vw;color:var(--txtColor85)} .slotPage .slotWrapper .content .rightZone .btns ul li .maintain h4{color:var(--txtColor85);font-size:.7vw;font-weight:700;margin-top:3%;font-family:arial} .slotPage .slotWrapper .content .rightZone .btns ul li .come{display:none} .slotPage .slotWrapper .content .rightZone .btns ul li.coming{cursor:auto} .slotPage .slotWrapper .content .rightZone .btns ul li.coming .come img{width:100%;height:auto} .slotPage .slotWrapper .content .rightZone .btns ul li.coming .come{display:flex!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85%} .slotPage .slotWrapper .content .rightZone .btns ul li.coming .logoA,.slotPage .slotWrapper .content .rightZone .btns ul li.coming .modelA,.slotPage .slotWrapper .content .rightZone .btns ul li.coming .txt01,.slotPage .slotWrapper .content .rightZone .btns ul li.coming .mask{display:none} .rightContent .contents .proSlide .Slider .item .banners{background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:0;padding-bottom:27.1%} .aniLogo{-webkit-animation:aniLogo-010c5d9e 1.5s infinite;animation:aniLogo-010c5d9e 1.5s infinite} @keyframes aniLogo-010c5d9e{0%{background-position-y:0;transform:scale(1)} 50%{background-position-y:5px;transform:scale(1.03)} to{background-position-y:0;transform:scale(1)} } .aniLogo01{-webkit-animation:aniLogo01-010c5d9e 2.6s infinite;animation:aniLogo01-010c5d9e 2.6s infinite} @keyframes aniLogo01-010c5d9e{0%{transform:scale(1)} 50%{transform:scale(1.01)} to{transform:scale(1)} } .aniLogo02{-webkit-animation:aniLogo02-010c5d9e 1s infinite;animation:aniLogo02-010c5d9e 1s infinite} @keyframes aniLogo02-010c5d9e{0%{background-position-y:0;transform:scale(1)} 50%{background-position-y:5px;transform:scale(1.01)} to{background-position-y:0;transform:scale(1)} } .aniLogo03{-webkit-animation:aniLogo03-010c5d9e 1s infinite;animation:aniLogo03-010c5d9e 1s infinite} @keyframes aniLogo03-010c5d9e{0%{background-position-y:0} 50%{background-position-y:2px} to{background-position-y:0} } @keyframes leftIn-010c5d9e{0%{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translate(50%);opacity:0} to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0);opacity:1} } @keyframes rightIn-010c5d9e{0%{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translate(-50%);opacity:0} to{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translate(0);opacity:1} } @keyframes topIn-010c5d9e{0%{-webkit-transform:translateY(-300%);-moz-transform:translateY(-300%);-o-transform:translateY(-300%);transform:translateY(-300%);opacity:0} to{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1} } ._slot-li.srcnot-available:before { background-color: transparent; background-image: url(/image/icon/no-game.png?v=02); content: ""; position: relative; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; display: inline-block; background-size: 35px 35px; background-repeat: no-repeat; background-position: center; } .slotlogo_provider { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; display: inline-block; } .slotimgwrap:before { content: ""; position: relative; top: 0; left: 0; height: 100%; width: 100%; z-index: 2; display: inline-block; aspect-ratio: 342 / 511; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } @media (min-width: 993px) { .slotPage .slotWrapper .content .rightZone .btns { overflow: auto; max-height: calc(100vh - 20vh); height: auto; } } @media (max-width: 1600px) { .slotPage .slotWrapper .content .leftFrame { width: 35%; } .slotPage .slotWrapper .content .rightZone { width: 65%; } .slotPage .slotWrapper .content .rightZone .btns ul li { height: 15vw; } } @media (max-width: 1350px) { .slotPage .slotWrapper .content .rightZone .btns ul li .txt01 span { font-size: 12px; } .slotPage .slotWrapper .content .rightZone .txt h2 { font-size: 22px; } .slotPage .slotWrapper .content .rightZone .txt p { font-size: 14px; } } @media (max-width: 992px) { .slotPage .slotWrapper .title, .slotPage .slotWrapper .title .leftZone span { font-size: 14px; } .slotPage .slotWrapper .content .leftFrame { display: none; } .slotPage .slotWrapper .content .rightZone { width: 100%; } .slotPage .slotWrapper .content .rightZone .btns ul li { height: 23.26vw; } } @media (max-width: 650px) { .slotPage .slotWrapper .content .rightZone .btns ul li { height: 41vw; width: 31.33%; } } @media (max-width: 450px) { .slotPage .slotWrapper .content .rightZone .btns ul li { height: 61vw; width: 47.33%; } } [data-provider="EVOPLAY"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_evoplay.png)} [data-provider="PRAGMATIC"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_evoplay.png)} [data-provider="Booongo"] .slotlogo_provider:before, [data-provider="BOOONGO"] .slotlogo_provider:before, [data-provider="slot-booongo"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_booongo.png)} [data-provider="EVOPLAY"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_evoplay.png)} [data-provider="MicroGaming Plus Slo"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_microgaming.png)} [data-provider="pragmatic_slot"] .slotlogo_provider:before, [data-provider="PragmaticPlay"] .slotlogo_provider:before, [data-provider="8"] .slotlogo_provider:before, [data-provider="99"] .slotlogo_provider:before, [data-provider="3"] .slotlogo_provider:before, [data-provider="pp"] .slotlogo_provider:before, [data-provider="300"] .slotlogo_provider:before, [data-provider="PRAGMATIC"] .slotlogo_provider:before, [data-provider="slot-pragmatic"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_pragmatic.png)} [data-provider="Habanero"] .slotlogo_provider:before, [data-provider="HABANERO"] .slotlogo_provider:before, [data-provider="slot-habanero"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_habanero.png)} [data-provider="Wazdan"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_wazdan.png)} [data-provider="Relax Gaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/relax-gaming.png?v=04)} [data-provider="Triple Profit Gaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_tpg.png?v=04)} [data-provider="gameart_slot"] .slotlogo_provider:before, [data-provider="46"] .slotlogo_provider:before, [data-provider="GameArt"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_gameart.png)} [data-provider="cq9_slot"] .slotlogo_provider:before, [data-provider="CQ9"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_cq9.png)} [data-provider="redtiger_slot"] .slotlogo_provider:before, [data-provider="27"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_redtiger.png?v=05)} [data-provider="ag_slot"] .slotlogo_provider:before, [data-provider="22"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_asiagaming.png)} [data-provider="15"] .slotlogo_provider:before, [data-provider="Blueprint Gaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_blueprint.png)} [data-provider="ps_slot"] .slotlogo_provider:before, [data-provider="84"] .slotlogo_provider:before, [data-provider="PlayStar"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_playstar.png)} [data-provider="png_slot"] .slotlogo_provider:before, [data-provider="87"] .slotlogo_provider:before, [data-provider="playngo"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_playngo.png?v=001)} [data-provider="btg_slot"] .slotlogo_provider:before, [data-provider="56"] .slotlogo_provider:before, [data-provider="BigTimeGaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_bigtime.png)} [data-provider="45"] .slotlogo_provider:before, [data-provider="PlaySon"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_playson.png)} [data-provider="playson_slot"] .slotlogo_provider:before, [data-provider="PLAYSON"] .slotlogo_provider:before, [data-provider="PLAYSON"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_playson.png?v=05)} [idx="nlc_slot"] .slotlogo_provider:before, [idx="88"] .slotlogo_provider:before, [idx="Nolimit City"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_nolimit.png)} [idx="29"] .slotlogo_provider:before, [idx="Dragoon Soft"] .slotlogo_provider:before, [idx="DragoonSoft"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_ds.png?v=06)} [idx="Relax Gaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_relax.png?v=06)} [idx="1X2 Gaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_1x2.png?v=06)} [idx="pgsoft_slot"] .slotlogo_provider:before, [idx="PG Soft"] .slotlogo_provider:before, [idx="slot-pgsoft"] .slotlogo_provider:before, [idx="PG Soft"] .slotlogo_provider:before, [idx="57"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_pgs.png?v=06)} [idx="jili"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_jili.png?v=06)} [idx="fachai"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_fc.png?v=06)} [idx="JDB"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_jdb.png?v=06)} [idx="kagaming"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_KAg.png)} [idx="hacksaw"] .slotlogo_provider:before{background-image:url(/image/slot-logo/v4/slot_hacksaw.png)} /* end slot other style */ /* Slot wrapper */ .SlotWrapperv3 #slotbox-container { position: absolute; top: 0; left: 0; z-index: 2000; background: #151025; height: calc(100vh - 88px); overflow: hidden; min-width: 100%; } .SlotWrapperv3 #slotbox-container #vendorName { position: relative; } #slotbox { width: 100%; height: 100%; overflow: auto; padding-bottom: 20vh; overscroll-behavior: contain; } @media only screen and (min-width: 768px) { .slot_group ._game_item { width: 25%; position: relative; vertical-align: text-top; } } .slot_group ._game_item { cursor: pointer; display: inline-block; padding: 10px; width: calc(20% - 0px); position: relative; } #slotbox .thumb_frame._game_item a > .btn-ent { position: relative; } .slot_group ._game_item .btn-ent { width: 100%; float: left; text-align: center; } .slot_group ._game_item .btn-ent .first { display: block; margin-top: 10px; } .slot_group ._game_item img { width: 70%; } .SlotWrapperv3 #slotbox-container #vendorName .close-slot { position: absolute; top: 50%; right: 20px; font-size: 30px; background: #000; cursor: pointer; color: #21bfd1; width: 50px; height: 50px; transform: translateY(-50%); display: flex; align-items: center; justify-content: center; line-height: 30px; } #vendorName { display: flex; width: 100%; height: 100px; background: #211e22; border-bottom: 1px solid #322f34; justify-content: center; align-items: center; top: 0; z-index: 1; flex-direction: column; position: relative; align-items: center; } #vendorName .title { font-size: 24px !important; color: #fff; font-weight: 300; display: flex; justify-content: center; } @media only screen and (max-width: 768px) { .slot_group ._game_item { width:calc(50% - 0px); } }