/* Minification failed. Returning unminified contents. (1823,23): run-time error CSS1046: Expect comma, found '85' (1823,29): run-time error CSS1046: Expect comma, found ')' (6155,29): run-time error CSS1046: Expect comma, found '235' (6155,36): run-time error CSS1046: Expect comma, found ')' (8058,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8059,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8060,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8061,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8062,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8063,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8064,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8065,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8076,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8077,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8078,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8079,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8080,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8081,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8082,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8088,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8089,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8090,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8091,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8092,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8093,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8094,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (8101,28): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-bg' (8103,41): run-time error CSS1039: Token not allowed after unary operator: '-bs-table-accent-bg' (17025,6): run-time error CSS1030: Expected identifier, found '.' (17025,21): run-time error CSS1031: Expected selector, found ')' (17025,21): run-time error CSS1025: Expected comma or open brace, found ')' (17033,21): run-time error CSS1030: Expected identifier, found '.' (17033,36): run-time error CSS1031: Expected selector, found ')' (17033,36): run-time error CSS1025: Expected comma or open brace, found ')' (18839,29): run-time error CSS1030: Expected identifier, found '.' (18839,54): run-time error CSS1031: Expected selector, found ')' (18839,54): run-time error CSS1025: Expected comma or open brace, found ')' (18843,29): run-time error CSS1030: Expected identifier, found '.' (18843,53): run-time error CSS1031: Expected selector, found ')' (18843,53): run-time error CSS1025: Expected comma or open brace, found ')' (22730,28): run-time error CSS1030: Expected identifier, found '.' (22730,43): run-time error CSS1031: Expected selector, found ')' (22730,43): run-time error CSS1025: Expected comma or open brace, found ')' (22859,11): run-time error CSS1030: Expected identifier, found '.' (22859,27): run-time error CSS1031: Expected selector, found ')' (22859,27): run-time error CSS1025: Expected comma or open brace, found ')' (22867,11): run-time error CSS1030: Expected identifier, found '.' (22867,27): run-time error CSS1031: Expected selector, found ')' (22867,27): run-time error CSS1025: Expected comma or open brace, found ')' (22871,15): run-time error CSS1030: Expected identifier, found '.' (22871,31): run-time error CSS1031: Expected selector, found ')' (22871,31): run-time error CSS1025: Expected comma or open brace, found ')' (22875,11): run-time error CSS1030: Expected identifier, found '.' (22875,27): run-time error CSS1031: Expected selector, found ')' (22875,27): run-time error CSS1025: Expected comma or open brace, found ')' (23445,25): run-time error CSS1038: Expected hex color, found '#fff0' (23990,41): run-time error CSS1038: Expected hex color, found '#0003' (24152,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (24154,21): run-time error CSS1039: Token not allowed after unary operator: '-slot-frame-width' (24163,22): run-time error CSS1039: Token not allowed after unary operator: '-slot-frame-width' (24174,38): run-time error CSS1046: Expect comma, found '133' (24174,45): run-time error CSS1046: Expect comma, found ')' (24174,62): run-time error CSS1046: Expect comma, found '80' (24174,68): run-time error CSS1046: Expect comma, found ')' (24174,91): run-time error CSS1046: Expect comma, found '98' (24174,97): run-time error CSS1046: Expect comma, found ')' (24176,380): run-time error CSS1046: Expect comma, found '160' (24176,387): run-time error CSS1046: Expect comma, found ')' (24176,576): run-time error CSS1046: Expect comma, found '160' (24176,583): run-time error CSS1046: Expect comma, found ')' (26821,32): run-time error CSS1030: Expected identifier, found '.' (26821,47): run-time error CSS1031: Expected selector, found ')' (26821,47): run-time error CSS1025: Expected comma or open brace, found ')' (26840,10): run-time error CSS1030: Expected identifier, found '.' (26840,25): run-time error CSS1031: Expected selector, found ')' (26840,25): run-time error CSS1025: Expected comma or open brace, found ')' */ @charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} * { margin: 0; padding: 0; } :focus, * { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; outline: none; } body, input, select, textarea, button, .ui-btn { line-height: 1.3; font-family: "AvenirNextLTPro-Regular"; } li { list-style: none; margin-bottom: 0; } a { color: #7e8c8d; text-decoration: none; font-weight: 400; -webkit-backface-visibility: hidden; } img { border: 0; vertical-align: baseline; } html { font-size: 9.25926vw; color: #6d6d6d; } @media only screen and (max-device-width: 1024px) { img { max-width: 100%; height: auto; width: auto\9; } .logo_big img { max-width: 4.73rem; } } .hidden { display: none; } .ui-header-fixed { top: -1px; padding-top: 1px; } .ui-footer-fixed { bottom: -1px; padding-bottom: 1px; } .ui-footer-fixed .navbar { margin-bottom: 0; } .ui-header-fixed, .ui-footer-fixed { left: 0; right: 0; width: 100%; position: fixed !important; z-index: 1000; } .has-error { color: red; font-size: 0.3rem !important; margin-top: 3px; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: 700; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .icon-menu { width: 0.72rem; height: 0.5rem; display: inline-block; background-image: url(images/mobile/home/icon_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } /*.icon-message { background-image: url(images/mobile/home/icon_message.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.7rem; height: 0.49rem; display: inline-block; }*/ .icon-message { -webkit-mask-image: url(images/menu/icon-message.svg); mask-image: url(images/menu/icon-message.svg); mask-repeat: no-repeat; height: 1.2rem; width: 1.2rem; display: inline-block; background-image: linear-gradient(#0962bd, #0962bd, #7cbcdb); } .icon-myprofile { background-image: url(images/menu/icon-myprofile.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1.2rem; height: 1.2rem; display: inline-block; } .icon-changepassword { background-image: url(images/menu/icon-changepassword.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1.2rem; height: 1.2rem; display: inline-block; } .account-menu-section .icon-referral-program { background-image: url(images/menu/icon-referral.png); width: 1.2rem; height: 1.2rem; } .icon-close { background-image: url(images/mobile/icon_close.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.48rem; height: 0.48rem; display: inline-block; } .icon-logo { background-image: url(images/mobile/icon_logo.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1.63rem; height: 0.91rem; display: inline-block; } .icon-home-big { background-image: url(images/menu/home_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-vip { background-image: url(images/menu/vip_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-promotion-big { background-image: url(images/menu/promo_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-redreward { background-image: url(images/menu/reward_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-dailycheckin { background-image: url(images/menu/dailycheckin_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-referral-program, .icon-affmember { background-image: url(images/menu/ref_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-leaderboard { background-image: url(images/menu/leaderboard_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-about-us { background-image: url(images/menu/about_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-tnc { background-image: url(images/menu/info_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-partnership { background-image: url(images/menu/partnership.svg); width: 0.84rem; height: 0.84rem; } .icon-download { background-image: url(images/menu/download_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; background-repeat: no-repeat; } .btn-nativeappdownload .icon-download { background-image: url('images/menu/appdownload.svg'); width: 0.9rem; height: 0.9rem; } .icon-contact { background-image: url(images/menu/contact_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-language { background-image: url(images/menu/lang_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-desktop { background-image: url(images/menu/dekstop_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-logout { background-image: url(images/menu/logout_menu.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.84rem; height: 0.84rem; display: inline-block; } .icon-home { background-image: url(images/mobile/home/icon_home.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.74rem; height: 0.67rem; display: inline-block; } .icon-funds { background-image: url(images/mobile/home/icon_funds.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.74rem; height: 0.67rem; display: inline-block; } .icon-promotion { background-image: url(images/mobile/home/icon_promotion.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.74rem; height: 0.67rem; display: inline-block; } .icon-livechat { background-image: url(images/mobile/home/icon_livechat.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.68rem; height: 0.69rem; display: inline-block; } .icon_customer_service { background-image: url(images/mobile/icon_customer_service.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.69rem; height: 0.68rem; display: inline-block; } .icon-silver-card { background-image: url(images/vip/icons/icon-silver-card.png); background-size: 100% 100%; width: 0.88rem; height: 0.54rem; display: inline-block; margin-right: 0.2rem; } .icon-jili, .icon-kingmaker, .icon-918kiss, .icon-mega888, .icon-pussy888, .icon-playboy, .icon-live22, .icon-joker, .icon-xe88, .icon-sa, .icon-ag, .icon-sexybac, .icon-playtech, .icon-spadegaming, .icon-sbo, .icon-biggaming, .icon-gw99, .icon-pragmatic, .icon-gd4d, .icon-evo888, .icon-redtiger, .icon-cq9, .icon-rpsoft, .icon-gameplay, .icon-microgaming, .icon-m8, .icon-pocketgame, .icon-3win8, .icon-ace333, .icon-855casino, .icon-jokerx2, .icon-jokerx5, .icon-jokerx10, .icon-yeebet, .icon-lionking, .icon-vpower { -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1.3rem; height: 1.3rem; display: inline-block; } .icon-918kiss { background-image: url(images/menu/vendorslogo/918kiss_menu.png); } .icon-pragmatic { background-image: url(images/menu/vendorslogo/pragmatic_menu.png); } .icon-vpower { background-image: url(images/menu/vendorslogo/vpower_menu.png); width: 2rem; height: 0.75rem; } .icon-gd4d { background-image: url(images/menu/vendorslogo/gd4d_menu.png); } .icon-gw99 { background-image: url(images/menu/vendorslogo/gw99_menu.png); width: 1rem; height: 0.8rem; } .icon-evo888 { background-image: url(images/menu/vendorslogo/evo888_menu.png); } .icon-3win8 { background-image: url(images/menu/vendorslogo/3win8_menu.png); width: 1.5rem; height: 1rem; } .icon-jili { background-image: url(images/menu/jili_slot_menu_h.png); width: 1.5rem; height: 1rem; } .icon-habanero { background-image: url(images/menu/habanero_slot_menu.png); width: 1.5rem; height: 1rem; } .icon-kingmaker { background-image: url(images/menu/kingmaker_slot_menu_h.png); width: 1.5rem; height: 1rem; } .icon-ace333 { background-image: url(images/menu/vendorslogo/ace333_menu.png); width: 2rem; height: 1rem; } .icon-855casino { background-image: url(images/menu/vendorslogo/855casino_menu.png); width: 2.5rem; height: 0.8rem; } .icon-mega888 { background-image: url(images/menu/vendorslogo/mega888_menu.png); } .icon-pussy888 { background-image: url(images/menu/vendorslogo/pussy888_menu.png); } .icon-playboy { background-image: url(images/menu/vendorslogo/playboy_menu.png); width: 2rem; height: 1.5rem; } .icon-live22 { background-image: url(images/menu/vendorslogo/live22_menu.png); } .icon-joker { background-image: url(images/menu/vendorslogo/joker_menu.png); } .icon-jokerx2 { background-image: url(images/menu/vendorslogo/jokerx2_menu.png); } .icon-jokerx5 { background-image: url(images/menu/vendorslogo/jokerx5_menu.png); } .icon-jokerx10 { background-image: url(images/menu/vendorslogo/jokerx10_menu.png); } .icon-xe88 { background-image: url(images/menu/vendorslogo/xe88_menu.png); } .icon-sa { background-image: url(images/menu/vendorslogo/sa_menu.png); } .icon-ag { background-image: url(images/menu/vendorslogo/ag_menu.png); } .icon-sexybac { background-image: url(images/menu/vendorslogo/sexybac_menu.png); } .icon-playtech { background-image: url(images/menu/vendorslogo/playtech_menu.png); width: 2.6rem; height: 1.5rem; } .icon-spadegaming { background-image: url(images/menu/vendorslogo/spadegaming_menu.png); width: 2.4rem; height: 2rem; } .icon-yeebet { background-image: url(images/menu/vendorslogo/yeebet_inner_logo.png); width: 2.1rem; height: 1rem; } .icon-lionking { background-image: url(images/menu/vendorslogo/lionking_menu.png); width: 1rem; height: 1rem; } .icon-sbo { background-image: url(images/menu/vendorslogo/sbo_menu.png); } .icon-evogaming { background-image: url(images/menu/vendorslogo/evogaming_menu.png); } .icon-bbin { background-image: url(images/menu/vendorslogo/bbin_menu.png); } .icon-dg855 { background-image: url(images/menu/vendorslogo/dg855_menu.png); } .icon-biggaming { background-image: url(images/menu/vendorslogo/biggaming_menu.png); width: 3rem; height: 1.5rem; } .icon-redtiger { background-image: url(/Content/EGames/Lobby2/assets/img/rt_logo.png); width: 1.8rem; height: 1rem; } .icon-cq9 { background-image: url(/Content/EGames/Lobby2/assets/img/cq9_logo.png); width: 1.8rem; height: 1rem; } .icon-rpsoft { background-image: url(images/gameproviders/logoicon/rpsoft.png); width: 1.8rem; height: 1rem; } .icon-microgaming { background-image: url(/Content/EGames/Lobby2/assets/img/mg_logo.png); width: 1.8rem; height: 1rem; } .icon-gameplay { background-image: url(images/menu/vendorslogo/gameplay_menu.png); width: 1.8rem; height: 1rem; } .icon-xpg { background-image: url(images/menu/vendorslogo/xpg_menu.png); } .icon-m8 { background-image: url(../templateva101/images/msport.png); } .icon-aviatrix { background-image: url(images/menu/vendorslogo/aviatrix_menu.png); } .icon-onlyplay { background-image: url(images/menu/vendorslogo/onlyplay_menu.png); } .icon-wanmei { background-image: url(images/gameproviders/transparent/wmcasino.png); } .icon-pocketgame { background-image: url(/Content/EGames/Lobby2/assets/img/pocket_logo.png); } .icon-netent { background-image: url(images/gameproviders/transparent/netent.png); } .icon-playngo { background-image: url(images/gameproviders/transparent/playngo.png); } .gameprovider-sliders .icon-live22 { background-image: url(images/gameproviders/transparent/live22.png); } .gameprovider-sliders .logo-cmd-icon { background-image: url(images/gameproviders/transparent/maxbet.png); } .gameprovider-sliders .icon-mega888 { background-image: url(images/gameproviders/transparent/mega888.png); } .gameprovider-sliders .icon-netent { background-image: url(images/gameproviders/transparent/netent.png); } .gameprovider-sliders .icon-cq9 { background-image: url(images/gameproviders/transparent/cq9.png); } .gameprovider-sliders .icon-playtech { background-image: url(images/gameproviders/transparent/playtech.png); } .gameprovider-sliders .icon-pragmatic { background-image: url(images/gameproviders/transparent/pragmaticplay.png); } .gameprovider-sliders .icon-spadegaming { background-image: url(images/gameproviders/transparent/spadegaming.png); } .gameprovider-sliders .icon-allbet { background-image: url(images/gameproviders/transparent/allbet.png); } .gameprovider-sliders .icon-jili { background-image: url(images/gameproviders/transparent/jili.png); } .gameprovider-sliders .logo-evogaming-icon { background-image: url(images/gameproviders/transparent/evolution.png); } .gameprovider-sliders .icon-joker { background-image: url(images/gameproviders/transparent/joker.png); } .gameprovider-sliders .icon-microgaming { background-image: url(images/gameproviders/transparent/microgaming.png); } .gameprovider-sliders .icon-playngo { background-image: url(images/gameproviders/transparent/playngo.png); } .gameprovider-sliders .icon-wanmei { background-image: url(images/gameproviders/transparent/wmcasino.png); } .customer_service { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; background-color: #003b79; height: 1.2rem; font-size: 0.48rem; color: #b3c5d7 !important; -webkit-border-top-left-radius: 0.2rem; border-top-left-radius: 0.2rem; -webkit-border-top-right-radius: 0.2rem; border-top-right-radius: 0.2rem; font-weight: 400 !important; text-shadow: none !important; } .customer_service span { word-break: keep-all; text-shadow: none; white-space: nowrap; margin-left: 0.3rem; } .ui-footer .navbar li a.on .icon-home { background-image: url(images/mobile/icon_home_on.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.74rem; height: 0.67rem; display: inline-block; } .ui-footer .navbar li a.on .icon-funds { background-image: url(images/mobile/icon_funds_on.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.68rem; height: 0.67rem; display: inline-block; } .ui-footer .navbar li a.on .icon-account, .icon-account { background-image: url(images/mobile/home/icon_account_on.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.65rem; height: 0.68rem; display: inline-block; } .ui-footer .navbar li a.on .icon-promotion { background-image: url(images/mobile/icon_promotion_on.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.71rem; height: 0.68rem; display: inline-block; } .ui-footer .navbar li a.on .icon-livechat { background-image: url(images/mobile/icon_livechat_on.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.68rem; height: 0.69rem; display: inline-block; } .ui-header { width: 100%; height: 1.1rem; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; opacity: 1 !important; } .ui-header.hide { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); } .ui-header.reset { background: transparent; border: none; color: #333; text-shadow: none; font-weight: 400; } .ui-header.reset .hidden { position: absolute; } .ui-header .logo { background: url(../../../styles/images/mobile/com/logo.png) no-repeat center; width: 30%; height: 0.91rem; padding: 0; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .header { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; padding: 0 0.36rem; height: 1.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; color: #959494; } .mobile-navbar-header .header > * { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; word-break: keep-all; white-space: nowrap; } .mobile-navbar-header .header .center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .mobile-navbar-header .header .center h1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.4rem; color: #959494; font-weight: 400; } .mobile-navbar-header .header .around { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .mobile-navbar-header .header .around.left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } .mobile-navbar-header .header .around.right { position: relative; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .mobile-navbar-header .header.header1 .right .nav-right-item div.i span { display: none; } .msgcr { position: relative; } .msgcr .message-count { position: absolute; top: 0; right: 0; background: red; color: #fff; width: 0.6rem; height: 0.6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 50%; border-radius: 50%; -webkit-transform: scale(0.5) translate(100%, -100%); -ms-transform: scale(0.5) translate(100%, -100%); transform: scale(0.5) translate(100%, -100%); } .ios9Fix { overflow-x: hidden; position: relative; } /* 20250409 - remove scrollbar as it affect the responsive display result */ ::-webkit-scrollbar { width: 0.0rem; margin-left: -5rem; height: 0; } ::-webkit-scrollbar-track { background: #bebebe; } ::-webkit-scrollbar-thumb { background: #575757; } ::-webkit-scrollbar-thumb:hover { background: #575757; } .m-main-content { display: grid; grid-template-rows: 1.1rem 1fr 1.6rem; min-height: 100vh; } .ui-content { width: 100vw; overflow: hidden; -webkit-overflow-scrolling: touch; } .ui-footer { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; border: none; padding: 0 0.3rem; opacity: 1; } .ui-footer .navbar { border: none; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.28rem; height: 1.6rem; -webkit-border-top-left-radius: 0.2rem; border-top-left-radius: 0.2rem; -webkit-border-top-right-radius: 0.2rem; border-top-right-radius: 0.2rem; background: -webkit-gradient( linear, left top, left bottom, from(whitesmoke), to(#e6e6e6) ); background: -webkit-linear-gradient(whitesmoke, #e6e6e6); background: -o-linear-gradient(whitesmoke, #e6e6e6); background: linear-gradient(whitesmoke, #e6e6e6); text-transform: uppercase; } .ui-footer .navbar li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; padding-bottom: 0.2rem; padding-top: 0.1rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .ui-footer .navbar li a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -webkit-justify-content: space-evenly; -ms-flex-pack: end; justify-content: space-evenly; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #353535; } .ui-footer .navbar li a .i { height: 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.05rem; } .ui-footer .navbar li a span { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); word-break: keep-all; white-space: nowrap; line-height: 100%; } .customer-service { font-size: 0.4rem; text-decoration: none; color: #fff !important; text-align: center !important; font-weight: 400 !important; height: 1.2rem; line-height: 1.2rem; display: inline-block; width: 100%; background: #003b79; -webkit-border-top-left-radius: 0.2rem; border-top-left-radius: 0.2rem; -webkit-border-top-right-radius: 0.2rem; border-top-right-radius: 0.2rem; } .customer-service:before { content: ""; width: 0.69rem; height: 0.68rem; background: url(../../../styles/images/mobile/com/icon_livechat.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; display: inline-block; position: absolute; top: 0.55rem; left: 2.3rem; } .sidemenu ul { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 0.8rem; } .sidemenu ul li { list-style: none; width: 100%; height: 1.5rem; padding-top: 0.25rem; padding-bottom: 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border-bottom: 0.02rem solid #e4e4e4; } .sidemenu.theme1 ul li i { text-align: center; margin-right: 5px; background-repeat: no-repeat; } .ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 0; background: rgba(255, 255, 255, 0.5); } .ui-panel-animate { -webkit-transition: -webkit-transform 600ms ease; transition: -webkit-transform 600ms ease; -o-transition: transform 600ms ease; transition: transform 600ms ease; transition: transform 600ms ease, -webkit-transform 600ms ease; } .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push { left: 0; -webkit-transform: translate3d(-2.5rem, 0, 0); transform: translate3d(-2.5rem, 0, 0); } .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push { -webkit-transform: translate3d(0.1rem, 0, 0); transform: translate3d(0.1rem, 0, 0); -moz-transform: none; } .sidemenu .sm-item { display: grid; grid-template-columns: 20% 80%; grid-template-rows: 1fr; grid-column-gap: 5px; justify-content: right; align-items: center; } .sidemenu.ui-panel-position-right ul { direction: rtl; padding-right: 0.2rem; } .ui-panel-dismiss-open.ui-panel-dismiss-position-right { right: 0; background: rgba(255, 255, 255, 0.5); } .ui-panel-animate.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-right.ui-panel-display-push { right: 0; -webkit-transform: translate3d(6.5rem, 0, 0); transform: translate3d(6.5rem, 0, 0); } .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-right.ui-panel-display-push { -webkit-transform: translate3d(0.1rem, 0, 0); transform: translate3d(0.1rem, 0, 0); -moz-transform: none; } .ui-page { -webkit-backface-visibility: hidden; } .collapsibleList .ui-collapsible { margin: 0; -webkit-border-radius: 0; border-radius: 0; border: none; } .collapsibleList .ui-collapsible .ui-collapsible-heading-toggle { line-height: 1.34rem; height: 1.34rem; -webkit-box-shadow: none; box-shadow: none; background: #eaecf0; font-size: 0.3rem; color: #353941; padding: 0; padding-left: 1.12rem; border-width: 0.02rem 0; border-color: #e2e2e2; font-weight: 400; } .collapsibleList .ui-collapsible .ui-collapsible-heading-toggle:active { background: #ced1d6; } .collapsibleList .ui-collapsible .ui-collapsible-content { border: none; } .btn-common { -webkit-box-shadow: none; box-shadow: none; border: none; text-shadow: none; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; height: 1.65rem; display: inline-block; font-size: 0.5rem; line-height: 1.65rem; color: #fff; text-decoration: none; text-align: center; font-weight: 400; text-shadow: none; } .btn-blue { width: 8.8rem; height: 1.65rem; background-color: #001752; } .btn-blue-min { height: 1rem; width: 4rem; line-height: 1rem; background-color: #001752; } .btn-blue-promo { height: 1rem; width: 100vw; line-height: 1rem; margin-right: 10px; background-color: #001752; } .btn-blue-mid { height: 1.1rem; width: 7.4rem; line-height: 1.1rem; background-color: #001752 !important; } .btn-red { width: 8.82rem; margin-bottom: 5px; background-color: #001752 !important; } .btn-red-play { width: 8.82rem; background-color: #ab0016; background-image: linear-gradient(#ca001b, #970014); background-image: -moz-linear-gradient(#ca001b, #970014); background-image: -o-linear-gradient(#ca001b, #970014); } .btn-red-min { width: 1.1rem; height: 0.8rem; line-height: 0.7rem; font-size: 0.8rem; background-color: #001752 !important; } .btn-red-promo { height: 1rem; width: 100vw; line-height: 1rem; background: -webkit-gradient( linear, left top, left bottom, from(#fcb813), to(#d58200) ); background: -webkit-linear-gradient(#fcb813, #d58200); background: -o-linear-gradient(#fcb813, #d58200); background: linear-gradient(#fcb813, #d58200); } .btn-disabled { width: 100vw; height: 1rem; line-height: 1rem; color: #fff; background: linear-gradient(#8d8d8d, #474747); } .font-red { color: #f30101; } .font-blue { color: #001752; } .font-yellow { color: #fdb70e; } .font-green { color: #25c500; } .fond-min { font-size: 0.75em; } .ui-loader { width: 1.38rem !important; height: 1.38rem !important; margin: 0; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .ui-loader .ui-icon-loading { width: 1.38rem !important; height: 1.38rem !important; -webkit-background-size: 100% 100% !important; background-size: 100% 100% !important; } .bold { font-weight: 700 !important; } .slider { position: relative; } .slider .page_item { width: 100%; position: absolute; left: 0; top: 0; } .slider > span { position: absolute; width: 100%; left: 0; top: 0; bottom: 0; overflow: hidden; } .slide.out, .slide.in { -webkit-animation-duration: 200ms; animation-duration: 200ms; } .payment-menu .icon-funds { width: 0.8rem; height: 0.8rem; display: inline-block; background: url(images/mobile/home/icon_home_header_deposit.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-wallettransfer { width: 0.89rem; height: 0.74rem; display: inline-block; background: url(images/mobile/home/icon_home_header_transfer.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .payment-menu .icon-promotion-big { width: 0.78rem; height: 0.76rem; display: inline-block; background: url(images/mobile/home/icon_home_header_promo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_header_restore { width: 0.81rem; height: 0.8rem; display: inline-block; background: url(images/mobile/home/icon_home_header_restore.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-withdrawal { width: 0.78rem; height: 0.76rem; display: inline-block; background: url(images/mobile/home/icon_home_header_withdraw.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-history, .icon-statement { width: 0.69rem; height: 0.77rem; display: inline-block; background: url(images/mobile/home/icon_home_header_history.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-wallets { width: 0.69rem; height: 0.77rem; display: inline-block; background: url(images/mobile/home/icon_home_header_restore.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-voucher { width: 0.69rem; height: 0.77rem; display: inline-block; background: url(images/mobile/home/icon_voucher.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } /*.icon_home_header_eyes_off { width: 0.52rem; height: 0.42rem; display: inline-block; background: url(images/mobile/icon_home_header_eyes_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }*/ /*.icon_home_header_eyes_on, #pageHome #homePage .idr_box .idr_content .idr_content_top .home_header_eyes.on, #fundsPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #transferPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #depositPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #withDrawPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on { width: 0.52rem; height: 0.32rem; display: inline-block; background: url(images/mobile/icon_home_header_eyes_on.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }*/ .icon_home_menu_sports_off { width: 0.84rem; height: 0.83rem; display: inline-block; background: url(images/mobile/icon_home_menu_sports_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_sports_on, #pageHome #homePage .home_navBox .home_nav li a.on .icon_home_menu_sports_off { width: 0.84rem; height: 0.83rem; display: inline-block; background: url(images/mobile/icon_home_menu_sports_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_livecasino_off { width: 0.91rem; height: 0.9rem; display: inline-block; background: url(images/mobile/icon_home_menu_livecasino_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_livecasino_on, #pageHome #homePage .home_navBox .home_nav li a.on .icon_home_menu_livecasino_off { width: 0.91rem; height: 0.9rem; display: inline-block; background: url(images/Template2/mobile/icon_home_menu_livecasino_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_slots_off { width: 1.08rem; height: 0.96rem; display: inline-block; background: url(images/mobile/icon_home_menu_slots_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_slots_on, #pageHome #homePage .home_navBox .home_nav li a.on .icon_home_menu_slots_off { width: 1.08rem; height: 0.96rem; display: inline-block; background: url(images/mobile/icon_home_menu_slots_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_poker_off { width: 0.84rem; height: 0.83rem; display: inline-block; background: url(images/mobile/icon_home_menu_poker_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_GP { width: 100%; height: 85%; display: inline-block; background: url(images/menu/gp.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_WMC { width: 100%; height: 100%; display: inline-block; background: url(images/menu/wm_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_BBIN { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_AB { width: 100%; height: 85%; display: inline-block; background: url(images/menu/allbet_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_DG { width: 100%; height: 85%; display: inline-block; background: url(images/menu/dg_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_BBIN { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_fish_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_click_pop_uppagcor { width: 3.43rem; height: 0.88rem; display: inline-block; background: url(images/mobile/icon_home_click_pop_uppagcor.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_footer_logo_barcelona { width: 1.14rem; height: 1.15rem; display: inline-block; background: url(images/mobile/icon_home_footer_logo_barcelona.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_footer_logo_laliga { width: 0.96rem; height: 1.38rem; display: inline-block; background: url(images/mobile/icon_home_footer_logo_laliga.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_footer_logo_official_license { width: 1.14rem; height: 1.14rem; display: inline-block; background: url(images/mobile/icon_home_footer_logo_official_license.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_footer_logo_real_madrid { width: 1.02rem; height: 1.43rem; display: inline-block; background: url(images/mobile/icon_home_footer_logo_real_madrid.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_notice { width: 0.75rem; height: 0.65rem; display: inline-block; background: url(images/mobile/home/icon_home_notice.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .fa-stack[data-count]:after { position: absolute; right: 0%; top: 2%; content: attr(data-count); font-size: 20%; padding: 0.6em; border-radius: 30px; line-height: .75em; color: white; background: rgb(0 85 178); text-align: center; min-width: 2em; font-weight: bold; } .payment-menu .fa-qrcode, .payment-menu .fa-ticket-alt { font-size: 0.9rem; } .payment-menu [class^="menu-item-"] { font-size: 0.25rem; text-align: center; padding-left: 5px; padding-right: 5px; } .payment-menu.theme5 .menu-item-myvoucher { width: 40%; margin-bottom: 5px; } .payment-menu.theme5 .pbalance .t1 { padding-top: 4px; } #pageHome #homePage { padding: 0; } #pageHome #homePage .idr_box { -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 0.3rem 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-shadow: none; z-index: 100; } #pageHome #homePage .idr_box .idr_content { width: 100%; padding: 0.3rem; padding-bottom: 0; border: 0.04rem solid #e2e2e2; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%); } #pageHome #homePage .idr_box .idr_content .idr_content_top { box-sizing: border-box; display: flex; align-items: flex-start; justify-content: left; padding-left: 1.2rem; padding-bottom: 0.1rem; font-size: 0.3rem; color: #4b4b4b; position: relative; } #pageHome #homePage .idr_box .idr_content .idr_content_top > span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #pageHome #homePage .idr_box .idr_content .idr_content_top .home_header_eyes { position: absolute; left: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #pageHome #homePage .idr_box .idr_content .idr_content_top .text_yellow { color: #fcb813; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom, .idr_content_bottom { width: 100%; height: 1.79rem; top: 2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 0; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom li, .idr_content_bottom li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom li a, .idr_content_bottom li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.32rem 0; padding-top: 0.25rem; height: 100%; font-size: 0.28rem; font-weight: 400; color: #353535; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-around; -ms-flex-pack: justify; justify-content: space-around; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom li a .i, .idr_content_bottom li a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 0.8rem; } #pageHome #homePage .home_join_login { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #pageHome #homePage .home_join_login > a { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.42rem; color: #fff; font-weight: 400; text-shadow: none; } #pageHome #homePage .home_join_login > a.home_to_join { background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); } #pageHome #homePage .home_join_login > a.home_to_login { background-image: -webkit-gradient( linear, left bottom, left top, from(#fd9404), to(#fdb813) ); background-image: -webkit-linear-gradient(bottom, #fd9404, #fdb813); background-image: -o-linear-gradient(bottom, #fd9404, #fdb813); background-image: linear-gradient(to top, #fd9404, #fdb813); } .home_notice { height: 1.24rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 0.04rem solid #9a9999; background: #fff; } .home_notice .icon_home_notice { margin-left: 0.25rem; margin-right: 0.3rem; display: flex; flex-direction: column; flex-wrap: nowrap; align-content: flex-start; justify-content: center; align-items: center; } .home_notice .notice-parent { height: 99%; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.37rem; color: #221f1f; overflow: hidden; max-width: 85vw; display: flex; } .home_notice .notice-parent .notice-item { display: inline-block; height: 1.24rem; line-height: 1.24rem; text-align: left; background: #fff; word-break: break-all; white-space: nowrap; } #pageHome #homePage .home_navBox { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: auto; } #pageHome #homePage .home_navBox::-webkit-scrollbar { display: none; } #pageHome #homePage .home_navBox .home_nav { height: 1.9rem; text-shadow: none; font-size: 0; width: -webkit-calc(20% * 6); width: calc(20% * 6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); white-space: nowrap; margin-bottom: 0; } #pageHome #homePage .home_navBox .home_nav li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; height: 100%; display: flex; flex-direction: column; width: 20.8%; flex-shrink: 0; } #pageHome #homePage .home_navBox .home_nav li span { white-space: nowrap; word-break: keep-all; text-transform: uppercase; } #pageHome #homePage .home_navBox .home_nav li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.26rem 0; padding-top: 0.2rem; height: 100%; font-size: 0.28rem; font-weight: 400; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #pageHome #homePage .home_navBox .home_nav li a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 0.96rem; width: 1rem; } #pageHome #homePage .home_navBox .home_nav li a.on { background-image: -webkit-gradient( linear, left bottom, left top, from(#fd9404), to(#fdb813) ); background-image: -webkit-linear-gradient(bottom, #fd9404, #fdb813); background-image: -o-linear-gradient(bottom, #fd9404, #fdb813); background-image: linear-gradient(to top, #fd9404, #fdb813); color: #fff; } #pageHome #homePage .home_firmcontent_box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.3rem; } #pageHome #homePage .home_firmcontent_box .home_firmcontent { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative; background: url(images/mobile/home/bg_home_logo_bg1.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; width: 100%; padding: 0.3rem; padding-bottom: 0; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms > ul:last-child { border: none; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 3.2rem; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li { width: 25%; height: 89%; text-align: center; float: left; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0.4rem; height: 100%; font-size: 0.3rem; font-weight: 400; color: #4d4d4d; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; position: relative; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i .absolute { position: absolute; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i .icon_home_logo_feather { right: 0; top: 0; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i .icon_home_logo_wap { right: 0; top: 0; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i.icon_home_logo_bg { width: 90%; height: 100%; margin-bottom: 0.05rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i.icon_home_logo_bg.hot { width: 100%; height: 100%; background: url(images/mobile/home/icon_hot.gif) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: none; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i.icon_home_logo_bg.new { width: 100%; height: 100%; background: url(images/mobile/home/icon_new.gif) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: none; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i.icon_home_logo_bg.vpn { width: 100%; height: 100%; background: url(images/mobile/home/icon_vpn.gif) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: none; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a span { word-break: keep-all; white-space: nowrap; } #pageHome #homePage .home_copyright { padding: 0 0.3rem; } #pageHome #homePage .home_copyright .copyright_text { color: #b4b4b4; font-size: 0.24rem; text-align: center; line-height: 0.54rem; height: 0.54rem; } #pageHome #homePage .home_copyright .home_copyright_imgs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 1.2rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } #pageHome #homePage .home_copyright .home_copyright_imgs li { width: 25%; } #pageHome #homePage .home_copyright .home_copyright_imgs li a { padding-bottom: 0.18rem; height: 100%; text-shadow: none; font-size: 0.16rem; color: #898989; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-weight: 400; } #pageHome #homePage .home_copyright .home_copyright_imgs li a .i { height: 1.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #pageHome #homePage .home_copyright .home_copyright_imgs li a > span { word-break: keep-all; white-space: nowrap; } #pageHome #homePage #sliderNotice .notice-item { transform: translate3d(10rem, 0, 0); } #announcement-list-page, #announcement-list-page2 { will-change: transform; transform: translate3d(10rem, 0, 0); position: absolute; } #announcement-list-page > span:last-child, #announcement-list-page2 > span:last-child { margin-right: 0 !important; } .annoucement-infinite-container { display: flex; justify-content: flex-start; align-items: center; position: relative; } @-webkit-keyframes notice-enter { from { -webkit-transform: translate3d(10rem, 0, 0); transform: translate3d(10rem, 0, 0); } to { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } } #pageHome #homePage .home_firms.enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); opacity: 0; } #pageHome #homePage .home_firms.leave-to { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; } #pageHome #homePage #home_banner .slide_point { position: absolute; bottom: 0.12rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } #pageHome #homePage #home_banner .slide_point li { padding: 0; width: 0.24rem; height: 0.24rem; background: #fff; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); margin: 0 0.03rem; } #pageHome #homePage #home_banner .slide_point li.on { background-color: #001752 !important; } #pageHome #homePage #home_banner .slider .page_item { position: absolute; } #pageHome #homePage #home_banner .slider .page_item.enter-active, #pageHome #homePage #home_banner .slider .page_item.leave-active { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } #pageHome #homePage #home_banner .slider .page_item.enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #pageHome #homePage #home_banner .slider .page_item.leave-to { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #pageHome #homePage #home_banner .slider.right .page_item.enter { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } #pageHome #homePage #home_banner .slider.right .page_item.leave-to { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .home_banner .owl-item > a, .desktop-banner2, ._banner_qvbqo_1, .most-play-game-container-scroll { cursor: pointer; } #pageHome #mypop-popup { position: fixed; width: 9.17rem; height: 8.71rem; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto; } #pageHome #mypop-popup .mypop { border: none; padding: 0; width: 9.17rem; height: 8.71rem; background: #e2e2e2; font-size: 0.52rem; color: #6d6d6d; } #pageHome #mypop-popup .mypop .pop-close-btn { position: absolute; width: 0.81rem; height: 0.81rem; padding: 0; margin: 0; border: none; right: 0; top: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); background-image: url(../../../styles/images/mobile/home/icon_home_1st_pop_up_close.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pageHome #mypop-popup .mypop .poptext { padding: 0.3rem 0.9rem; } #pageHome #mypop-popup .mypop .poptext p > span { color: #001752; } #pageHome #mypop-popup .mypop .clickpopbtn { display: block; margin: auto; } .pop-close-btn { position: absolute; width: 0.81rem; height: 0.81rem; padding: 0; margin: 0; border: none; right: 0; top: 0; -webkit-transform: translate(50%, -50%); -ms-transform: translate(50%, -50%); transform: translate(50%, -50%); background-image: url(../../../styles/images/mobile/home/icon_home_1st_pop_up_close.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } .poptext { padding: 0.3rem 0.9rem; } .poptext p > span { color: #001752; } .clickpopbtn { display: block; margin: auto; margin-bottom: 10px; } .icon_various_files { width: 0.32rem; height: 0.36rem; display: inline-block; background: url(images/mobile/slots/icon_various_files.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #kiss918Page { padding: 0; text-shadow: none !important; } #kiss918Page .kiss918_banner { width: 100%; } #kiss918Page .kiss918_banner img { width: 100%; display: block; height: auto; } #kiss918Page .kiss918_mainBox_outer { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.3rem; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox { width: 10.2rem; background: url(images/mobile/slots/bg_918kiss_bannerbg.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-bottom: 1rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .latest_promo { width: 9.91rem; height: 2.45rem; background: url(images/mobile/slots/bg_918kiss_latest_promo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .latest_promo .left { margin-top: 0.2rem; margin-left: 0.68rem; font-size: 0.3rem; font-weight: 700; color: #b456fe; width: 1.74rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .latest_promo .right { margin-right: 1.3rem; font-size: 0.36rem; color: #fff; line-height: 1.4; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .latest_promo .number { position: absolute; font-size: 0.48rem; font-weight: 700; color: #fcb813; left: 5.86rem; bottom: 0.66rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox { padding: 0 0.9rem; padding-top: 0.5rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .p1 { font-size: 0.36rem; color: #6d6d6d; line-height: 0.5rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .userandpwd td { font-size: 0.48rem; color: #001752; padding-left: 0.35rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .userandpwd .label { font-size: 0.36rem; color: #b6c3d2; padding-left: 0; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .step_box { font-size: 0.3rem; color: #6d6d6d; margin-top: 0.3rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .step_box li { margin-bottom: 0.5rem; } #kiss918Page .kiss918_mainBox_outer .kiss918_mainBox .textbox .step_box li > span { font-size: 0.36rem; font-weight: 700; } .icon_my_account_user { width: 0.49rem; height: 0.69rem; display: inline-block; background: url(images/mobile/icon_my_account_user.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_normal { width: 1.2rem; height: 1.2rem; display: inline-block; background: url(images/mobile/user_logo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_gold { width: 1.4rem; height: 1.4rem; display: inline-block; background: url(images/mobile/user-gold.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_platinum { width: 1.4rem; height: 1.4rem; display: inline-block; background: url(images/mobile/user-platinum.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_diamond { width: 1.4rem; height: 1.4rem; display: inline-block; background: url(images/mobile/user-diamond.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_star_on { width: 0.27rem; height: 0.26rem; display: inline-block; background: url(images/mobile/icon_my_account_star_on.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_star_off { width: 0.27rem; height: 0.26rem; display: inline-block; background: url(images/mobile/icon_my_account_star_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_edit_profile { width: 1.06rem; height: 1.12rem; display: inline-block; background: url(images/mobile/account/icon_my_account_edit_profile.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_change_password { width: 1.26rem; height: 1.18rem; display: inline-block; background: url(images/mobile/account/icon_my_account_change_password.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_change_game_password { width: 1.25rem; height: 1.18rem; display: inline-block; background: url(images/mobile/account/icon_my_account_change_game.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_banking_details { width: 1.25rem; height: 1.18rem; display: inline-block; background: url(images/mobile/account/icon_my_account_banking_details.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_messaging { width: 1.15rem; height: 0.97rem; display: inline-block; background: url(images/mobile/account/icon_my_account_messaging.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_fund_deposit_copy { width: 0.63rem; height: 0.69rem; display: inline-block; background: url(images/mobile/transaction/icon_fund_deposit_copy.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .account_input_item label { color: #001752; font-size: 0.36rem; } .account_input_item label span { color: red; display: inline-block; margin-left: 0.1rem; } .account_input_item label::after { content: "*"; color: red; display: inline-block; margin-left: 0.1rem; } .account_input_item .ui-input-text { height: 0.96rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; } .account_input_item .ui-input-text input { background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 400; border-color: transparent !important; outline: none; } .account_input_item .ui-input-text input::-webkit-input-placeholder { color: #9a9b9e; font-weight: 400; } .account_input_item .ui-input-text input::-moz-placeholder { color: #9a9b9e; font-weight: 400; } .account_input_item .ui-input-text input:-ms-input-placeholder { color: #9a9b9e; font-weight: 400; } .account_input_item .ui-input-text input::-ms-input-placeholder { color: #9a9b9e; font-weight: 400; } .account_input_item .ui-input-text input::placeholder { color: #9a9b9e; font-weight: 400; } .account_select_item label { color: #001752; font-size: 0.36rem; } .account_select_item label span { color: red; display: inline-block; margin-left: 0.1rem; } .account_select_item label::after { content: "*"; color: red; display: inline-block; margin-left: 0.1rem; } .account_select_item .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; height: 0.96rem; line-height: 0.96rem; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 0.85rem; } .account_select_item .ui-select > div span { display: inline-block; font-size: 0.36rem; color: #40434b; font-weight: 400; position: relative; top: -8px; left: 3px; } .account_select_item .ui-select > div select { height: 100% !important; } .account_select_item .ui-select > div:after { margin: 0; padding: 0; left: 0.34rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(images/mobile/icon_register_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.28rem; height: 0.18rem; } #account_edit { padding: 0; } #account_edit .account_edit_top { border-top: 0.02rem solid #001752; border-bottom: 0.04rem solid #e2e2e2; height: 4.8rem; background: #eaecf0; padding: 0.48rem 0.6rem; font-size: 0.36rem; } #account_edit .account_edit_top > table { width: 100%; margin-bottom: 0.64rem; border-collapse: collapse; } #account_edit .account_edit_top > table tr > td:nth-child(1) { width: 5.26rem; } #account_edit .account_edit_top > table .account_info_key { color: #001752; } #account_edit .account_edit_top > table .account_info_value { color: #353941; } #account_edit .account_edit_bottom { margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; } #account_edit .account_edit_bottom .account_edit_bottom_item { margin-bottom: 0.5rem; } #account_edit .account_edit_bottom .account_edit_submit { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem; width: 100%; margin: auto; } #account_change_pwd { padding: 0; } #account_change_pwd .account_change_pwd_top { border-top: 0.02rem solid #001752; padding: 0 0.6rem; font-size: 0.36rem; padding-top: 0.5rem; } #account_change_pwd .account_change_pwd_top .account_change_pwd_item { margin-bottom: 0.5rem; } #account_change_pwd .account_change_pwd_top .account_change_pwd_item.account_name { position: relative; padding-right: 1.3rem; } #account_change_pwd .account_change_pwd_top .account_change_pwd_item.account_name .ui-input-text { background-color: #001752 !important; width: 100%; border: none; } #account_change_pwd .account_change_pwd_top .account_change_pwd_item.account_name .ui-input-text input { background-color: #001752 !important; color: #fff; width: 100%; } #account_change_pwd .account_change_pwd_top .account_change_pwd_item.account_name .icon_fund_deposit_copy { position: absolute; top: 0.77rem; right: 0.5rem; } #account_change_pwd .account_change_pwd_top .account_change_pwd_submit { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem; width: 100%; display: block; margin: auto; } #account_bd { padding: 0; } #account_bd .account_bd_top { -webkit-box-sizing: border-box; box-sizing: border-box; border-top: 0.02rem solid #001752; border-bottom: 0.04rem solid #e2e2e2; height: 1.6rem; font-size: 0.36rem; padding-right: 0.4rem; background: #eaecf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #account_bd .account_bd_top .account_bd_top_left { -webkit-box-sizing: border-box; box-sizing: border-box; width: 2.02rem; padding-left: 0.63rem; } #account_bd .account_bd_top .account_bd_top_right { width: 1.1rem; } #account_bd .account_bd_top .account_bd_top_center { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #account_bd .account_bd_top .account_bd_top_center .tr1 { color: #001752; font-size: 0.36rem; font-weight: 700; } #account_bd .account_bd_top .account_bd_top_center .tr2 { font-size: 0.3rem; color: #6d6d6d; } #account_bd .account_bd_bottom { margin-top: 0.3rem; padding: 0 0.6rem; } #account_bd .account_bd_bottom .account_bd_submit { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem; width: 100%; display: block; margin: auto; } #account_bd .account_bd_bottom .account_bd_submit_tip { margin-top: 0.25rem; font-size: 0.24rem; color: #f30101; text-align: center; } #clickpop { height: 100%; padding: 0; background: #e2e2e2; bottom: 0; margin-bottom: 0 !important; } #clickpop .back_to_home_btn { width: 100%; height: 100%; } #clickpop .popimg { width: 100%; height: 4.6rem; background: url(../../../styles/images/mobile/home/bg_register_banner.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #clickpop .poptext { padding: 0.3rem 1rem; font-size: 0.36rem; color: #6d6d6d; } #clickpop .poptext > p { margin-top: 0.64rem; } #clickpop .poptext .poptext_title { font-size: 0.48rem; color: #001752; font-weight: 700; } #clickpop .poptext .poptext_content > span { color: #001752; } #clickpop .poptext .poptext_content.bold { font-weight: 700; } .icon_menu_contact_live_chat { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/contact/icon_menu_contact_live_chat.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_phone { width: 0.66rem; height: 0.65rem; display: inline-block; background: url(images/mobile/contact/icon_menu_contact_phone.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_wechat { width: 0.92rem; height: 0.76rem; display: inline-block; background: url(images/mobile/contact/icon_menu_contact_wechat.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_whatsapp { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/contact/icon_menu_contact_whatsapp.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_telegram { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/icon_menu_contact_telegram.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_yahoo { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/icon_menu_contact_yahoo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_skype { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/icon_menu_contact_skype.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_line { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/icon_menu_contact_line.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_menu_contact_bbm { width: 0.69rem; height: 0.68rem; display: inline-block; background: url(images/mobile/icon_menu_contact_bbm.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pageContactUs { background: #eaecf0; } #pageContactUs #contactusPage { padding: 0; } #pageContactUs #contactusPage .contactus_nav { background: #fff; } #pageContactUs #contactusPage .contactus_nav li { -webkit-box-sizing: border-box; box-sizing: border-box; } #pageContactUs #contactusPage .contactus_nav li:nth-child(1) { border-top: 0.02rem solid #0066d1; } #pageContactUs #contactusPage .contactus_nav li > a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 0.74rem; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 1.92rem; font-size: 0.3rem; color: #6d6d6d; border-bottom: 0.04rem solid #e2e2e2; } #pageContactUs #contactusPage .contactus_nav li > a .i { width: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #pageContactUs #contactusPage .contactus_nav li > a .text_box { margin-left: 0.45rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #pageContactUs #contactusPage .contactus_nav li > a .text_box > span { font-size: 0.38rem; color: #001752; } #pageContactUs #contactusPage .contactus_nav li > a .text_box > p { margin-top: 0.02rem; line-height: 100%; } #pageContactUs #contactusPage .contactus_nav li > a .text_box > p span, #pageContactUs #contactusPage .contactus_nav li > a .text_box > div > p span { font-size: 0.22rem; } .icon_funds_deposit { width: 1.16rem; height: 1.11rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_deposit.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_transfer { width: 1.32rem; height: 1.1rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_transfer.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_withdraw { width: 1.16rem; height: 1.13rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_withdraw.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_history { width: 1.02rem; height: 1.14rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_history.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_restore_wallet { width: 0.7rem; height: 0.7rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_restore_wallet.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_add { width: 0.68rem; height: 0.67rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_add.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_funds_less { width: 0.68rem; height: 0.67rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_less.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } /*.icon_home_header_eyes_on, #pageHome #homePage .idr_box .idr_content .idr_content_top .home_header_eyes.on, #fundsPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #transferPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #depositPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on, #withDrawPage .user_info_box .funds_info_count .icon_home_header_eyes_off.on { width: 0.52rem; height: 0.32rem; display: inline-block; background: url(images/mobile/icon_home_header_eyes_on.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; }*/ .icon_fund_history_arrow { width: 0.48rem; height: 0.32rem; display: inline-block; background: url(images/mobile/transaction/icon_fund_history_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_fund_history_search { width: 0.61rem; height: 0.62rem; display: inline-block; background: url(images/mobile/icon_fund_history_search.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_fund_history_searchclose { width: 0.48rem; height: 0.48rem; display: inline-block; background: url(images/mobile/transaction/icon_fund_history_searchclose.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_fund_deposit_copy { width: 0.63rem; height: 0.69rem; display: inline-block; background: url(images/mobile/transaction/icon_fund_deposit_copy.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #fundsPage .user_info_box, #transferPage .user_info_box, #depositPage .user_info_box, #withDrawPage .user_info_box { border-bottom: 0.04rem solid #9a9999; width: 100%; height: 3.2rem; background-color: #001752 !important; text-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.38rem 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #fundsPage .user_info_box .funds_info_title, #transferPage .user_info_box .funds_info_title, #depositPage .user_info_box .funds_info_title, #withDrawPage .user_info_box .funds_info_title { font-size: 0.3rem; color: #fff; text-align: center; } #fundsPage .user_info_box .funds_info_count, #transferPage .user_info_box .funds_info_count, #depositPage .user_info_box .funds_info_count, #withDrawPage .user_info_box .funds_info_count { height: 1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.72rem; color: #fff; position: relative; } #fundsPage .user_info_box .funds_info_count .funds_info_count_text, #transferPage .user_info_box .funds_info_count .funds_info_count_text, #depositPage .user_info_box .funds_info_count .funds_info_count_text, #withDrawPage .user_info_box .funds_info_count .funds_info_count_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #fundsPage .user_info_box .funds_info_count .funds_info_count_text > span, #transferPage .user_info_box .funds_info_count .funds_info_count_text > span, #depositPage .user_info_box .funds_info_count .funds_info_count_text > span, #withDrawPage .user_info_box .funds_info_count .funds_info_count_text > span { line-height: 100%; } #fundsPage .user_info_box .funds_info_count .funds_info_count_text .text_yellow, #transferPage .user_info_box .funds_info_count .funds_info_count_text .text_yellow, #depositPage .user_info_box .funds_info_count .funds_info_count_text .text_yellow, #withDrawPage .user_info_box .funds_info_count .funds_info_count_text .text_yellow { color: #fcb813; font-size: 0.3rem; } #fundsPage .user_info_box .funds_info_count .funds_info_count_text .text_white, #transferPage .user_info_box .funds_info_count .funds_info_count_text .text_white, #depositPage .user_info_box .funds_info_count .funds_info_count_text .text_white, #withDrawPage .user_info_box .funds_info_count .funds_info_count_text .text_white { margin: 0 0.38rem; } #fundsPage .user_info_box .funds_restore_wallet, #transferPage .user_info_box .funds_restore_wallet, #depositPage .user_info_box .funds_restore_wallet, #withDrawPage .user_info_box .funds_restore_wallet { width: 2.6rem; height: 1rem; background: #eaeaea; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; font-size: 0.28rem; color: #353535; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #fundsPage .user_info_box .funds_restore_wallet > p, #transferPage .user_info_box .funds_restore_wallet > p, #depositPage .user_info_box .funds_restore_wallet > p, #withDrawPage .user_info_box .funds_restore_wallet > p { margin-left: 0.25rem; width: 1rem; } #fundsPage { padding: 0; } #fundsPage .funds_show_balance { border-bottom: 0.04rem solid #e2e2e2; background: #353941; padding: 0 0.5rem; height: 1.3rem; color: #fff; text-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.48rem; outline: none; } #fundsPage .funds_show_balance span { font-weight: 400; } #fundsPage .balance_list .ui-collapsible { margin: 0; padding: 0; border: none; -webkit-border-radius: 0; border-radius: 0; } #fundsPage .balance_list h1, #fundsPage .balance_list a { margin: 0; padding: 0; border: none; font-weight: 400; } #fundsPage .balance_list .ui-collapsible-content { margin: 0; padding: 0; border: none; } #fundsPage .balance_list .ui-btn-icon-notext:after, #fundsPage .balance_list .ui-btn-icon-left:after, #fundsPage .balance_list .ui-btn-icon-right:after { margin: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #fundsPage .balance_list .funds_show_balance_btn .ui-btn-icon-notext:after, #fundsPage .balance_list .funds_show_balance_btn .ui-btn-icon-left:after, #fundsPage .balance_list .funds_show_balance_btn .ui-btn-icon-right:after { right: 0.5rem; left: auto; } #fundsPage .balance_list .funds_show_balance_btn .ui-icon-plus:after { width: 0.68rem; height: 0.67rem; display: inline-block; background: url(../../../styles/images/mobile/fund/icon_funds_add.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #fundsPage .balance_list .funds_show_balance_btn .ui-icon-minus:after { width: 0.68rem; height: 0.67rem; display: inline-block; background: url(../../../styles/images/mobile/fund/icon_funds_less.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #fundsPage .balance_list .funds_show_balance_show h1, #fundsPage .balance_list .funds_show_balance_show a { margin: 0; padding: 0; border: none; font-weight: 400; } #fundsPage .balance_list .funds_show_balance_show .ui-collapsible-content { margin: 0; padding: 0; border: none; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-notext:after, #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-left:after, #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-right:after { right: auto; left: 0.36rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-icon-plus { width: 0.46rem; height: 0.45rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_transfer_add.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 10px; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-icon-minus { width: 0.34rem; height: 0.35rem; display: inline-block; background: url(images/mobile/transaction/icon_funds_transfer_close.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; position: absolute; left: 12px; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn { height: 1.3rem; border-top: 0.02rem solid #e2e2e2; border-bottom: 0.02rem solid #e2e2e2; background: #eaecf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 1.12rem; font-size: 0.3rem; color: #353941; padding-right: 0.4rem; position: relative; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn .funds_show_balance_item_btn_right > div > span, #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn_opened .funds_show_balance_item_btn_right > div > span { font-size: 0.36rem; color: #353941; font-weight: 700; margin-right: 0.3rem; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn_opened { height: 1.3rem; border-top: 0.02rem solid #e2e2e2; background: #ced1d6; border-bottom: 0.02rem solid #0066d1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 1.12rem; font-size: 0.3rem; color: #353941; padding-right: 0.4rem; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show { margin: 0.4rem 0; padding: 0 0.6rem; font-size: 0.36rem; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .funds_submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 5px; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .quick_pay_item_txt { display: block; text-align: right; height: 0.6rem; font-size: 0.24rem; color: #f30101; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .quick_pay_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .quick_pay_item > label { color: #001752; font-size: 0.3rem; width: 2.4rem; white-space: nowrap; word-break: keep-all; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .quick_pay_item > div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #fundsPage .balance_list .funds_show_balance_show .funds_show_balance_item_show .quick_pay_item input { text-align: left; font-weight: 400; } #fundsPage .funds_nav { margin: 0 0.33rem; margin-top: 0.42rem; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; background: url(../../../styles/images/mobile/fund/bg_funds_bg.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; height: 5.52rem; padding: 0 0.3rem; -webkit-box-sizing: border-box; box-sizing: border-box; } #fundsPage .funds_nav > ul:last-child { border: none; } #fundsPage .funds_nav .account_nav_tr { padding: 0.3rem 0; -webkit-box-sizing: border-box; box-sizing: border-box; height: 2.76rem; border-bottom: 0.04rem solid #e2e2e2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #fundsPage .funds_nav .account_nav_tr > li:last-child { border: none; } #fundsPage .funds_nav .account_nav_tr > li { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; height: 100%; border-right: 0.04rem solid #e2e2e2; padding: 0.15rem 0; } #fundsPage .funds_nav .account_nav_tr > li a { -webkit-box-sizing: border-box; box-sizing: border-box; height: 100%; font-size: 0.28rem; font-weight: 400; color: #4d4d4d; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #fundsPage .funds_nav .account_nav_tr > li a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 1.2rem; } #fundsPage .funds_nav .account_nav_tr > li a span { word-break: keep-all; white-space: nowrap; } #transferPage { padding: 0; } .quick_pay_input_item > label { color: #001752; font-size: 0.36rem; } .quick_pay_input_item > label span { color: red; display: inline-block; margin-left: 0.1rem; } .quick_pay_input_item .ui-input-file input { background: transparent; border: 0; outline: none; } .quick_pay_input_item .btn-uploadfile { background-color: #ed1c24; color: #fff; padding: 5px 10px; border-radius: 0.3125em; } .quick_pay_input_item .btn-uploadfile:hover { color: #fff; } .quick_pay_input_item .ui-input-text { height: 0.96rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; } .quick_pay_input_item .ui-input-text input { background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 400; border-color: transparent !important; outline: none; } .quick_pay_input_item .ui-input-text input::-webkit-input-placeholder { color: #40434b; font-weight: 400 !important; } .quick_pay_input_item .ui-input-text input::-moz-placeholder { color: #40434b; font-weight: 400 !important; } .quick_pay_input_item .ui-input-text input:-ms-input-placeholder { color: #40434b; font-weight: 400 !important; } .quick_pay_input_item .ui-input-text input::-ms-input-placeholder { color: #40434b; font-weight: 400 !important; } .quick_pay_input_item .ui-input-text input::placeholder { color: #9a9b9e; font-weight: 400 !important; } .quick_pay_input_item.quick_pay_input_date_item input { position: relative; padding-right: 1rem; } .quick_pay_input_item.quick_pay_input_date_item input::after { content: ""; position: absolute; right: 0.34rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.61rem; height: 0.54rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .quick_pay_input_item.quick_pay_input_date_item input::-webkit-clear-button { display: none; } .quick_pay_input_item.quick_pay_input_date_item input::-webkit-calendar-picker-indicator { color: transparent; background: transparent; width: 1.61rem; height: 0.52rem; } .quick_pay_input_item.quick_pay_input_date_item input::-webkit-datetime-edit-fields-wrapper { height: 0.96rem; line-height: 0.96rem; } .quick_pay_select_item > label, .quick_pay_input_item > div > label { color: #001752; font-size: 0.36rem; } .quick_pay_select_item > label span { color: red; display: inline-block; margin-left: 0.1rem; } .quick_pay_select_item .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; height: 0.96rem; line-height: 0.96rem; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 0.85rem; } .quick_pay_select_item .ui-select > div span { font-weight: 400 !important; display: inline-block; font-size: 0.36rem; color: #40434b; position: relative; top: -5px; } .quick_pay_select_item .ui-select > div select { height: 100% !important; } .quick_pay_select_item .ui-select .select-arrow-div, .quick_pay_select_item .ui-select > div:after { margin: 0; padding: 0; position: relative; left: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(images/mobile/transaction/icon_register_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.28rem; height: 0.18rem; } .quick_pay_checkbox_item { margin-bottom: 0.2rem; } .quick_pay_checkbox_item > label { color: #001752; font-size: 0.36rem; } .quick_pay_checkbox_item > label span { color: red; display: inline-block; margin-left: 0.1rem; } .quick_pay_checkbox_item .ui-controlgroup { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.2rem 0; margin: 0; background: url(images/mobile/transaction/bg_fund_deposit_bg.png) no-repeat; width: 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; border: 0; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio { margin: 0; padding: 0; border: none; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio > label { margin: 0; padding-left: 1.6rem; font-size: 0.36rem; font-weight: 400; border: none; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio > label::after { margin: 0; padding: 0; left: 0.6rem; width: 0.64rem; height: 0.66rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: none; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio > label.ui-radio-on::after { background: url(../../../styles/images/mobile/deposit/icon_fund_deposit_bank_account_on.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio > label.ui-radio-off::after { background: url(../../../styles/images/mobile/deposit/icon_fund_deposit_bank_account_off.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .quick_pay_checkbox_item .ui-controlgroup .ui-radio input { left: 0.6rem; } .quick_pay_checkbox_item .ui-controlgroup .checkbox_content { padding: 0 1.6rem; } .quick_pay_checkbox_item .ui-controlgroup .checkbox_content .quick_pay_name { position: relative; } .quick_pay_checkbox_item .ui-controlgroup .checkbox_content .quick_pay_name .ui-input-text { background-color: #001752 !important; border: none; } .quick_pay_checkbox_item .ui-controlgroup .checkbox_content .quick_pay_name .ui-input-text input { background-color: #001752 !important; color: #fff; } .quick_pay_checkbox_item .ui-controlgroup .checkbox_content .quick_pay_name .icon_fund_deposit_copy { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: -0.83rem; } #depositPage { padding: 0; } #depositPage input { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; border-radius: 0.3125em; } #depositPage .deposit_tab { -webkit-box-sizing: border-box; box-sizing: border-box; height: 1.18rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #depositPage .deposit_tab li { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 0.13rem; width: 2.5rem; height: 0.9rem; white-space: nowrap; word-break: keep-all; } #depositPage .deposit_tab li > a { -webkit-border-top-left-radius: 0.14rem; border-top-left-radius: 0.14rem; -webkit-border-top-right-radius: 0.14rem; border-top-right-radius: 0.14rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; background: url(images/mobile/transaction/bg_fund_deposit_button_bg.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; text-shadow: none; border: none; margin: 0; padding: 0; font-size: 0.28rem; color: #6d6d6d; } #depositPage .deposit_tab li > a.on { background: #fdb70e; color: #920707; } #depositPage .deposit_content_box { border-top: 0.04rem solid #e2e2e2; width: 100%; padding-top: 0.84rem; } #depositPage .deposit_content_box .deposit_content { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 0.6rem; font-size: 0.36rem; } #depositPage .deposit_content_box .deposit_content .btn-blue { margin-top: 0.7rem; width: 100%; margin-bottom: 3rem; } #depositPage .ui-controlgroup-controls .radio-container { padding-left: 0.6rem; display: flex; align-items: center; } #depositPage .ui-controlgroup-controls .radio-container input { margin-right: 0.6rem; } .deposit-add-bank .boxContainer { padding-top: 0.84rem; padding-left: 0.6rem; padding-right: 0.6rem; color: #001752; font-size: 0.36rem; } .deposit-add-bank .boxContainer .form-item { display: block; } .deposit-add-bank .boxContainer .form-item .mandatory { color: red; } .deposit-add-bank .boxContainer .divider { height: 10px; width: 1px; } .deposit-add-bank .boxContainer .form-item .styled-select { background: url(images/mobile/icon_register_arrow.png) no-repeat 3.5% 50%; -webkit-background-size: 0.28rem 0.18rem; background-size: 0.28rem 0.18rem; padding-left: 0.85rem; background-color: #e1e1e1; border-top: 0.04rem solid #bfbfbf; border-radius: 0.3125em; } .deposit-add-bank .boxContainer .form-item .styled-select > select { width: 100%; height: 0.96rem; background: transparent; border: none; -webkit-appearance: none; outline: none; } .deposit-add-bank .boxContainer .form-item .styled-textbox { background-color: #e1e1e1; border-top: 0.04rem solid #bfbfbf; border-radius: 0.3125em; } .deposit-add-bank .boxContainer .form-item .styled-textbox input[type="text"] { background: transparent; border: 0; height: 0.96rem; width: 90%; padding: 0 0.5rem; outline: none; } .deposit-add-bank .boxContainer .form-item .validation-text { color: red; } .divider { height: 10px; } #depositPage .fileContainer [type="file"] { cursor: inherit; display: block; filter: alpha(opacity=0); opacity: 0; position: absolute; right: 0; text-align: right; top: 0; } #transferPage { padding: 0; } #transferPage .funds_show_balance { border-bottom: 0.04rem solid #e2e2e2; background: #353941; padding: 0 0.5rem; height: 1.3rem; color: #fff; text-shadow: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.48rem; } #transferPage .funds_show_balance span { font-weight: 400; } #transferPage .balance_list .ui-collapsible { margin: 0; padding: 0; border: none; -webkit-border-radius: 0; border-radius: 0; } #transferPage .balance_list h1, #transferPage .balance_list a { margin: 0; padding: 0; border: none; font-weight: 400; } #transferPage .balance_list .ui-collapsible-content { margin: 0; padding: 0; border: none; } #transferPage .balance_list .ui-btn-icon-notext:after, #transferPage .balance_list .ui-btn-icon-left:after, #transferPage .balance_list .ui-btn-icon-right:after { margin: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #transferPage .balance_list .funds_show_balance_btn .ui-btn-icon-notext:after, #transferPage .balance_list .funds_show_balance_btn .ui-btn-icon-left:after, #transferPage .balance_list .funds_show_balance_btn .ui-btn-icon-right:after { right: 0.5rem; left: auto; } #transferPage .balance_list .funds_show_balance_show h1, #transferPage .balance_list .funds_show_balance_show a { margin: 0; padding: 0; border: none; font-weight: 400; } #transferPage .balance_list .funds_show_balance_show .ui-collapsible-content { margin: 0; padding: 0; border: none; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-notext:after, #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-left:after, #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-btn-icon-right:after { right: auto; left: 0.36rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn { height: 1.3rem; border-top: 0.02rem solid #e2e2e2; border-bottom: 0.02rem solid #e2e2e2; background: #eaecf0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 1.12rem; font-size: 0.3rem; color: #353941; padding-right: 0.4rem; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_btn .funds_show_balance_item_btn_right > span { font-size: 0.36rem; color: #353941; font-weight: 700; margin-right: 0.3rem; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .ui-icon-minus .funds_show_balance_item_btn { background: #ced1d6; border-bottom: 0.02rem solid #0066d1; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show { margin: 0.4rem 0; padding: 0 0.6rem; font-size: 0.36rem; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .funds_submit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .quick_pay_item_txt { position: static; display: block; text-align: right; height: 0.6rem; font-size: 0.24rem; color: #f30101; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .quick_pay_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .quick_pay_item > label { color: #001752; font-size: 0.3rem; width: 2.4rem; white-space: nowrap; word-break: keep-all; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .quick_pay_item > div { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } #transferPage .balance_list .funds_show_balance_show .funds_show_balance_item .funds_show_balance_item_show .quick_pay_item input { text-align: right; font-weight: 400; } #transferPage .transfer_content { margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; } #transferPage .transfer_content .btn-blue { margin-top: 0.6rem; width: 100%; } #transferPage .quick_pay_item_txt { position: absolute; font-size: 0.24rem; color: #f30101; right: 0.6rem; } #transferPage .quick_pay_input_item input { font-weight: 700; } #withDrawPage { padding: 0; } #withDrawPage .transfer_content { margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; } #withDrawPage .transfer_content .btn-blue { margin-top: 0.6rem; width: 100%; } #withDrawPage .quick_pay_input_item input { font-weight: 400; } #withDrawPage .account_name .ui-input-text { background-color: #001752 !important; border: none; } #withDrawPage .account_name .ui-input-text input { background-color: #001752 !important; color: #fff; } #withDrawPage .account_name .ui-input-text input::placeholder { color: #fff; } #historyPage { padding: 0; } #historyPage .icon-history { margin-bottom: -0.04rem; } #historyPage input { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; } #historyPage .history_nav, #slotPage .history_nav, #downloadPage .history_nav { height: 1.32rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #historyPage .history_nav li a, #slotPage .history_nav li a, #downloadPage .history_nav li a { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.36rem; color: #eaecf0; padding: 0 15px; } #historyPage .history_nav li a.on, #slotPage .history_nav li a.on, #downloadPage .history_nav li a.on { color: #fdb70e; } #historyPage .history_nav li a span, #slotPage .history_nav li a span, #downloadPage .history_nav li a span { white-space: nowrap; } #historyPage .history_nav li:first-child, #slotPage .history_nav li:first-child { padding-left: 15px; } #historyPage .history_nav li:last-child, #slotPage .history_nav li:last-child, #downloadPage .history_nav li:last-child { padding-right: 15px; } #historyPage .transaction_content { width: 100%; } #historyPage .transaction_content .transaction_list { width: 100%; height: calc(100% - 1.1rem - 1.32rem - 1.6rem); height: -moz-calc(100% - 1.1rem - 1.32rem - 1.6rem); height: -webkit-calc(100% - 1.1rem - 1.32rem - 1.6rem); overflow-y: auto; } #historyPage .transaction_content .transaction_list .transaction_list_item { background: #eaecf0; height: 1.34rem; border-bottom: 0.04rem solid #e2e2e2; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.36rem; padding-left: 0.36rem; -webkit-box-sizing: border-box; box-sizing: border-box; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_left { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_left .twotr { margin-left: 0.28rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_left .twotr .tr1 { color: #001752; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_left .twotr .tr2 { font-size: 0.3rem; color: #6d6d6d; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_right { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 1.5rem; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_right .money { margin-right: 0.38rem; color: #353941; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_right .suorfd { width: 1.04rem; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_right .red { color: #f30101; } #historyPage .transaction_content .transaction_list .transaction_list_item .tr_right .green { color: #25c500; } #historyPage .history_detail_content { height: calc(100vh - 1.1rem - 1.6rem - 1.32rem); height: -moz-calc(100vh - 1.1rem - 1.6rem - 1.32rem); height: -webkit-calc(100vh - 1.1rem - 1.6rem - 1.32rem); overflow-y: auto; padding: 0 0.36rem; margin-top: 0.36rem; } #historyPage .history_detail_content .item_row { display: block; margin-bottom: 0.36rem; } #historyPage .history_detail_content .title-label { font-size: 0.36rem; color: #001752; font-weight: 700; } #historyPage .history_detail_content .detail-label { color: #6d6d6d; font-size: 0.3rem; } #historyPop-popup { position: fixed; width: 10.2rem; background: url(images/mobile/transaction/bg_fund_history_search_bg.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: 0 !important; top: 1.1rem !important; right: 0 !important; margin: auto; padding-bottom: 15px; } #historyPop-popup input { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; } #historyPop-popup .historyPop { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; padding: 0.55rem 0.58rem; border: 0; margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; position: relative; } #historyPop-popup .historyPop .btn-blue-min { margin-top: 0.3rem; } #historyPop-popup .historyPop .history_close { position: absolute; right: 0.6rem; top: -0.5rem; } .history_list, .deposit_content { position: absolute; } .history_list.enter-active, .history_list.leave-active, .deposit_content.enter-active, .deposit_content.leave-active { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .history_list.enter, .deposit_content.enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .history_list.leave-to, .deposit_content.leave-to { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .ui-select { margin-top: 0.5em; position: relative; } .ui-select > select { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .ui-select .ui-btn { margin: 0; opacity: 1; } .ui-select .ui-btn select { position: absolute; top: 0; left: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; } .ui-select .ui-state-disabled select { display: none; } .ui-select span.ui-state-disabled { filter: Alpha(Opacity=100); opacity: 1; } .ui-select .ui-btn.ui-select-nativeonly { border-radius: 0; border: 0; } .ui-select .ui-btn.ui-select-nativeonly select { opacity: 1; text-indent: 0; display: block; } .ui-select .ui-li-has-count.ui-btn { padding-right: 2.8125em; } .ui-select .ui-li-has-count.ui-btn-icon-right { padding-right: 4.6875em; } .ui-select .ui-btn-icon-right .ui-li-count { right: 3.2em; } .ui-select .ui-btn > span:not(.ui-li-count) { display: block; text-overflow: ellipsis; overflow: hidden !important; white-space: nowrap; } .ui-selectmenu.ui-popup { min-width: 11em; } .ui-selectmenu .ui-dialog-contain { overflow: hidden; } .ui-selectmenu .ui-header { margin: 0; padding: 0; border-width: 0; } .ui-selectmenu.ui-dialog .ui-header { z-index: 1; position: relative; } .ui-selectmenu.ui-popup .ui-header { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; } .ui-selectmenu.ui-popup .ui-header h1:after { content: "."; visibility: hidden; } .ui-selectmenu .ui-header .ui-title { margin: 0 2.875em; } .ui-selectmenu.ui-dialog .ui-content { overflow: visible; z-index: 1; } .ui-selectmenu .ui-selectmenu-list { margin: 0; -webkit-border-radius: inherit; border-radius: inherit; } .ui-header:not(.ui-screen-hidden) + .ui-selectmenu-list { -webkit-border-top-right-radius: 0; border-top-right-radius: 0; -webkit-border-top-left-radius: 0; border-top-left-radius: 0; } .ui-header.ui-screen-hidden + .ui-selectmenu-list li.ui-first-child .ui-btn { border-top-width: 0; } .ui-selectmenu .ui-selectmenu-list li.ui-last-child .ui-btn { border-bottom-width: 0; } .ui-selectmenu .ui-btn.ui-li-divider { cursor: default; } .ui-selectmenu .ui-selectmenu-placeholder { display: none; } .icon_language_close { width: 0.48rem; height: 0.48rem; display: inline-block; background: url(images/mobile/icon_language_close.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_language_indo { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_indo.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_malay { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_malay.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_singa { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_singa.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_thai { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_thai.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_khusd { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_cambodia.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_hkd { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_hongkong.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_hkd { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_myanmar.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_bdt { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_bdt.png) no-repeat; -webkit-background-size: contain; background-size: contain; } .icon_language_global { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_global.png) no-repeat; -webkit-background-size: contain; background-size: contain; } #pageLanguage { background: #eaecf0; height: 100%; position: absolute; width: 100%; } #pageLanguage #languagePage { padding: 0; text-shadow: none !important; } .region_box { padding-left: 0.75rem; padding-top: 0.55rem; border-top: 0.02rem solid #001752; } .region_box .reginItem { margin-top: 0; margin-bottom: 0.36rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .region_box .reginItem .title { font-size: 0.3rem; color: #001752; line-height: 100%; } .region_box .reginItem .iconsAndText { margin-top: 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0.1rem; } .region_box .reginItem .iconsAndText > ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 0; flex-direction: row; } .region_box .reginItem .iconsAndText > ul > li { height: 0.72rem; border-right: 0.02rem solid #ccc; padding: 0 18px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .region_box .reginItem .iconsAndText > ul > li:nth-last-child(1) { border-right: none; } .region_box .reginItem .iconsAndText > ul > li > a { font-size: 0.4rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #6d6d6d; } #pageLanguage .region_box .reginItem .iconsAndText > ul > li > a.on, #pageLanguage .region_box .reginItem .iconsAndText > ul > li > a .on { color: #001752; } #regionlanguagedropdownbtn .region_box { padding-top: 0; } #regionlanguagedropdownbtn .region_box .reginItem { margin-bottom: 0; } #regionlanguagedropdownbtn .region_box .reginItem .iconsAndText > ul > li { padding: 0; width: 2rem; border-bottom: none; } #regionlanguagedropdownbtn .region_box .reginItem .iconsAndText > ul > li:not(:last-child) { border-right: 1px solid #a87b1a; } #regionlanguagedropdownbtn .region_box .reginItem .iconsAndText > ul { padding-left: 0; } #regionlanguagedropdownbtn .icons { background-position: center; } #regionlanguagedropdownbtn .region_box .reginItem .iconsAndText { gap: 2px; } #regionlanguagedropdownbtn .region_box .reginItem .iconsAndText > ul > li > a { font-size: 0.3rem; color: #a2aabd; } .language-wrap { padding: 10px 0; margin-bottom: 5px; } .language-wrap button.lang-btn.dropup::after { transform: rotate(180deg); } .language-wrap button.lang-btn.dropup.collapsed::after { transform: rotate(360deg); } button.lang-btn.dropup { position: relative; display: flex; flex-direction: row; align-content: center; justify-content: flex-start; align-items: center; gap: 15px; border-radius: 45px; width: 100%; padding: 3px 20px; height: 45px; text-align: left; } .icon_login_logo { width: 3.71rem; height: 2.07rem; display: inline-block; background: url(images/mobile/icon_login_logo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_login_user { width: 0.62rem; height: 0.82rem; display: inline-block; background: url(images/mobile/icon_login_user.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_login_key { width: 0.87rem; height: 0.86rem; display: inline-block; background: url(images/mobile/icon_login_key.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #loginPage { height: 100%; padding: 0; } #loginPage .rememberme-formgroup { display: flex; margin-top: 0.46rem; flex-flow: row nowrap; place-content: baseline flex-start; align-items: center; } #rememberMe { margin: 0 0 0 -0.35rem; width: 0.5rem; height: 0.5rem; } #loginPage .input_item .ui-input-text { margin: 0; padding: 0; height: 0.96rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; } #loginPage .input_item .ui-input-text input { background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 700; border-color: transparent !important; outline: none; } #loginPage .input_item .ui-input-text input::-webkit-input-placeholder { color: #9a9b9e; font-weight: 700; } #loginPage .input_item .ui-input-text input::-moz-placeholder { color: #9a9b9e; font-weight: 700; } #loginPage .input_item .ui-input-text input:-ms-input-placeholder { color: #9a9b9e; font-weight: 700; } #loginPage .input_item .ui-input-text input::-ms-input-placeholder { color: #9a9b9e; font-weight: 700; } #loginPage .input_item .ui-input-text input::placeholder { color: #9a9b9e; font-weight: 700; } #loginPage .logo_big { height: 3.1rem; padding-top: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #loginPage .login_centent { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.61rem 0.7rem; background: url(images/mobile/bg_login_bg.png) no-repeat; width: 10.2rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; } #loginPage .login_centent .login_centent_item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 0.46rem; } #loginPage .login_centent .login_centent_item > label { margin: 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 1.83rem; padding-left: 0.15rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #loginPage .login_centent .login_centent_item input { /*width: 7.34rem;*/ } #loginPage .login_centent .btn-blue { margin-top: 0.6rem; font-size: 0.48rem; } #loginPage .login_centent .login_forgetpsd, .forgetpsd { font-size: 0.36rem; color: #001752; margin-top: 0.4rem; text-align: center; } .forgetpsd a { font-size: 0.36rem; color: #001752; } #loginPage .login_toreg { margin-top: 0.6rem; text-align: center; font-size: 0.36rem; color: #6d6d6d; } #loginPage .login_toreg a { color: #001752; } #loginPage .home_copyright { padding: 0 0.3rem; position: fixed; width: 100%; left: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } #loginPage .home_copyright .copyright_text { color: #b4b4b4; font-size: 0.2rem; text-align: center; line-height: 100%; margin-bottom: 0.46rem; } #loginPage .home_copyright .home_copyright_imgs { display: none; } #promotionsPage { padding: 0; } .filtering-container { overflow: auto; width: 100vw; } #promotionsPage .history_nav { border-bottom: 0.02px solid #fff; height: 1.32rem; background-color: #001752; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 0.95rem; } #promotionsPage .history_nav .tabs { padding-inline-start: 0; } #promotionsPage .history_nav li a { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.36rem; color: #eaecf0; padding: 0 12px; } #promotionsPage .history_nav li a span { white-space: nowrap; } #promotionsPage .history_nav li:first-child { padding-left: 15px; } #promotionsPage .history_nav li:last-child { padding-right: 15px; } .login_centent .remember-me { margin-left: 0.2rem; font-size: 0.36rem; } .ui-input-text input, .ui-input-search input { margin: 0; min-height: 2.2em; text-align: left; border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; } legend, .ui-input-text input, .ui-input-search input { color: inherit; text-shadow: inherit; } #promotionsPage .history_nav li a.on { color: #fdb70e; } #promotionsPage .history_content { width: 100%; } #promotionsPage .history_content .history_list { width: 100%; margin-bottom: 2rem; } #promotionsPage .history_content .history_list .history_list_item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0.3rem; padding-bottom: 1.5rem; display: flex; flex-direction: row; flex-wrap: wrap; gap: 5px; } #promotionsPage .history_content .history_list .history_list_item .promotions_item { width: 100%; margin-bottom: .3rem; display: inline-block; background-image: url(images/mobile/bg_promotion_bg.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: .2rem; padding-bottom: .6rem } #promotionsPage .history_content .history_list .history_list_item .promotions_item:last-child { margin-bottom: .8rem } #promotionsPage .history_content .history_list .history_list_item .promotions_item img { width: 100%; height: auto; display: block } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom { padding: 0 .35rem; margin-top: 0.45rem; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p1 { margin-top: .45rem; font-size: .36rem; color: #001752; font-weight: 700; margin-bottom: 0 } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p2 { font-size: .3rem; color: #6d6d6d; margin-bottom: .45rem } .promotion-detail { display: grid; grid-template-rows: 1.1rem 1fr; min-height: 100vh; width: 100%; position: fixed; top: 100%; z-index: 9999; background: #fff } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .b1 { font-weight: 700; line-height: 15px; text-align: left; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .b1 > span { background: rgb(216 235 255); color: rgb(3, 48, 137); padding: 4px 6px; border-radius: 6px; } #promotionsPage.theme2 .history_content .history_list .history_list_item .promotions_item .promotitembottom .p1 { margin-top: .3rem; } @keyframes promoDetailShow { from { top: 100%; } to { top: 0; } } @keyframes promoDetailHide { from { top: 0; } to { top: 100%; } } .promotion-detail.showDetail { animation-name: promoDetailShow; animation-duration: 0.5s; animation-fill-mode: forwards; } .promotion-detail.hideDetail { animation-name: promoDetailHide; animation-duration: 1s; animation-fill-mode: forwards; } .promotion-detail .pDetailTitle { display: grid; grid-template-columns: 1rem 1fr 1rem; background: #fff; } .promotion-detail .pDetailTitle .titleText { font-size: 0.4rem; color: #959494; display: flex; justify-content: center; align-items: center; } .icon_language_close { width: 0.48rem; height: 0.48rem; display: inline-block; background-image: url(images/mobile/icon_language_close.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pagePromotionsDetail { background: #eaecf0; } #pagePromotionsDetail .history_nav.tabs > li { margin-bottom: 0 !important; } #pagePromotionsDetail #promotionsDetailPage li, #pagePromotionsDetail #promotionsDetailPage p { font-size: 0.36rem !important; } #pagePromotionsDetail #promotionsDetailPage { padding: 0; overflow: auto; height: calc(100vh - 1.1rem); height: -moz-calc(100vh - 1.1rem); height: -webkit-calc(100vh - 1.1rem); } #pagePromotionsDetail #promotionsDetailPage .promodetailContent { padding: 0.3rem 0; text-shadow: none !important; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_banner { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; width: 100%; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_banner img { width: 100%; display: block; height: auto; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox { padding: 0 0.6rem; margin-top: 0.36rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .promosection { margin-bottom: 0.45rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .promosection.promotext2 { margin-bottom: 0.78rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .promosection.promotext3 .p_text { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .promosection.promotext3 .p_text > span { margin-right: 0.35rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .p_title { font-weight: 700; font-size: 0.36rem; color: #353941; margin-bottom: 0.25rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .p_title.blue { color: #001752; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .p_text { font-size: 0.3rem; color: #6d6d6d; margin-bottom: 0.45rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox table { border-collapse: collapse; width: 100%; font-size: 0.3rem; margin-bottom: 0.5rem; background-color: #e5e5e5 !important; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox table tr th, #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox table tr td { border: #fff 0.01rem solid; } #pagePromotionsDetail #promotionsDetailPage li { list-style: unset; } #pagePromotionsDetail #promotionsDetailPage ol { padding-left: 0.5rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox table tr td { color: #666; height: 0.6rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox table tr td:nth-child(1) { width: 37%; } #pagePromotionsDetail #promotionsDetailPage li .icon_language_indo { width: 0.94rem; height: 0.95rem; display: inline-block; background: url(images/mobile/icon_language_indo.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } div[data-page="myvoucher"] .history_list .history_list_item .promotions_item .promotitembottom .p3 { color: #ff6d24; } .icon_register_finish_disable { width: 0.4rem; height: 0.4rem; display: inline-block; background: url(images/mobile/icon_register_finish_disable.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_register_finish, #regPage .regformBox .reg_nav ul a.on .icon_register_finish_disable { width: 0.4rem; height: 0.4rem; display: inline-block; background: url(../../../styles/images/mobile/register/icon_register_finish.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_register_logo { width: 6.71rem; height: 1.45rem; display: inline-block; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #regPage { padding: 0; padding-bottom: 1.2rem !important; padding-left: 0.3rem; padding-right: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; } #regPage .alert { margin: 0 auto; margin-bottom: 0.4rem; width: 7.64rem; font-size: 0.36rem; } #regPage label { display: block; margin: 0 0 0.4em; } #regPage .ui-input-text input, .ui-input-search input { margin: 0; min-height: 2.2em; text-align: left; border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; } #regPage .ui-input-text input, .ui-input-search input, textarea.ui-input-text { padding: 0.4em; line-height: 1.4em; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; } #regPage legend, .ui-input-text input, .ui-input-search input { color: inherit; text-shadow: inherit; } .ui-btn-icon-right:after { right: 0.5625em; } .ui-btn-icon-notext:after, .ui-btn-icon-left:after, .ui-btn-icon-right:after { top: 50%; margin-top: -11px; } .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after { content: ""; position: absolute; display: block; width: 22px; height: 22px; } .ui-icon-carat-d:after { background-image: url(data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encod….404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E); } .ui-btn-icon-left:after, .ui-btn-icon-right:after, .ui-btn-icon-top:after, .ui-btn-icon-bottom:after, .ui-btn-icon-notext:after { background-color: #666; background-color: rgba(0, 0, 0, 0.3); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 1em; border-radius: 1em; } #regPage .regformBox { margin-top: 0.2rem; background: url(images/mobile/register_bg1.png) no-repeat; width: 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; padding-bottom: 0.7rem; } #regPage .regformBox .reg_nav { margin-top: 0.41rem; margin-bottom: 0.24rem; width: 100%; } #regPage .regformBox .reg_nav ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; font-size: 0.36rem; } #regPage .regformBox .reg_nav ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 1.76rem; position: relative; } #regPage .has-error { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin-left: 8px; margin-right: 8px; } #regPage .regformBox .reg_nav ul li::after { content: ""; position: absolute; width: 1.76rem; height: 0.03rem; display: inline-block; background: #ced1d6; left: 0.74rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #regPage .regformBox .reg_nav ul li:nth-last-child(1) { margin-right: 0; } #regPage .regformBox .reg_nav ul li:nth-last-child(1)::after { display: none; } #regPage .regformBox .reg_nav ul a { width: 0.74rem; height: 0.74rem; -webkit-border-radius: 50%; border-radius: 50%; background: #ced1d6; color: #e2e4e7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #regPage .regformBox .reg_nav ul a.on { color: #fff; background: #001752; } #regPage .regformBox .login_centent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #regPage .regformBox .login_centent .input_item label { color: #001752; font-size: 0.36rem; } #regPage .regformBox .login_centent .input_item label span { color: red; display: inline-block; margin-left: 0.1rem; } #regPage .regformBox .login_centent .input_item .ui-input-text { margin: 0; padding: 0; height: 0.96rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; } #regPage .regformBox .login_centent .input_item .ui-input-text input { background-color: #e1e1e1 !important; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b !important; border-color: transparent !important; outline: none; } #regPage .regformBox .login_centent .input_item .ui-input-text input::-webkit-input-placeholder { color: #9a9b9e; } #regPage .regformBox .login_centent .input_item .ui-input-text input::-moz-placeholder { color: #9a9b9e; } #regPage .regformBox .login_centent .input_item .ui-input-text input:-ms-input-placeholder { color: #9a9b9e; } #regPage .regformBox .login_centent .input_item .ui-input-text input::-ms-input-placeholder { color: #9a9b9e; } #regPage .regformBox .login_centent .input_item .ui-input-text input::placeholder { color: #9a9b9e; } #regPage .regformBox .login_centent .input_item.quick_pay_input_date_item input { position: relative; padding-right: 0.2rem; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; } #regPage .regformBox .login_centent .input_item.quick_pay_input_date_item input::after { content: ""; position: absolute; right: 0.34rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 0.61rem; height: 0.54rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #regPage .regformBox .login_centent .input_item.quick_pay_input_date_item input::-webkit-clear-button { display: none; } #regPage .regformBox .login_centent .input_item.quick_pay_input_date_item input::-webkit-calendar-picker-indicator { color: transparent; background: transparent; width: 1.61rem; height: 0.52rem; } #regPage .regformBox .login_centent .input_item.quick_pay_input_date_item input::-webkit-datetime-edit-fields-wrapper { height: 0.96rem; line-height: 0.96rem; } #regPage .regformBox .login_centent .quick_pay_select_item > label { color: #001752; font-size: 0.36rem; } #regPage .regformBox .login_centent .quick_pay_select_item > label span { color: red; display: inline-block; margin-left: 0.1rem; } #regPage .regformBox .login_centent .quick_pay_select_item .ui-select { margin: 0 !important; } #regPage .regformBox .login_centent .quick_pay_select_item .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; height: 0.96rem; line-height: 0.96rem; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 0.85rem; } #regPage .regformBox .login_centent .quick_pay_select_item .ui-select > div span { font-weight: 400 !important; display: inline-block; font-size: 0.36rem; color: #9a9b9e; top: 0; } #regPage .regformBox .login_centent .quick_pay_select_item .ui-select > div select { height: 100% !important; } #regPage .regformBox .login_centent .quick_pay_select_item .ui-select > div::after { content: ""; margin: 0; padding: 0; left: 0.34rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../../../styles/images/mobile/account/icon_register_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.28rem; height: 0.18rem; position: absolute; } #regPage .regformBox .login_centent .login_centent_item { margin-bottom: 0.4rem; width: 7.64rem; } #regPage .regformBox .login_centent .login_centent_item.twoitem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #regPage .regformBox .login_centent .login_centent_item.twoitem .selectvaluebox { font-size: 0.36rem; color: #9a9b9e; position: absolute; left: 0.75rem; height: 100%; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } #regPage .regformBox .login_centent .login_centent_item.twoitem .selectvaluebox > span { margin-left: 0.24rem; font-size: -webkit-calc(0.36rem / 0.7); font-size: calc(0.36rem / 0.7); } #regPage .regformBox .login_centent .login_centent_item.twoitem .ui-select { width: 2.65rem; } #regPage .regformBox .login_centent .login_centent_item.twoitem .ui-select span { display: none; } #regPage .regformBox .login_centent .login_centent_item.twoitem .ui-input-text { width: 4.7rem; } #regPage .regformBox .login_centent .steptitle { display: inline-block !important; width: 7.64rem !important; font-size: 0.36rem; color: #001752; margin-bottom: 0.3rem; } #regPage .regformBox .reg_step2 .steptitle { text-align: center; } #regPage .regformBox .reg_step3 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #regPage .regformBox .reg_step3 .icon_register_logo { margin-top: 2.75rem; margin-bottom: 0.6rem; } #regPage .regformBox .reg_step3 .p1 { font-weight: 700; font-size: 0.36rem; color: #6d6d6d; line-height: 0.48rem; } #regPage .regformBox .reg_step3 .p2 { font-size: 0.3rem; color: #6d6d6d; line-height: 0.48rem; margin-bottom: 3.4rem; } #regPage .regformBox .login_text { margin-top: 0.5rem; margin-bottom: 0.4rem; font-size: 0.3rem; color: #6d6d6d; width: 7.64rem; } #regPage .regformBox .login_text.red { color: #f30101; margin-top: 0; } #regPage .reg_banner { margin-top: 0.29rem; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.5rem; width: 100%; } #regPage .reg_banner img { width: 100%; display: block; height: auto; } #regPage .home_copyright { padding: 0 0.3rem; position: fixed; width: 100%; left: 0; bottom: 0; -webkit-box-sizing: border-box; box-sizing: border-box; } #regPage .home_copyright .copyright_text { color: #b4b4b4; font-size: 0.2rem; text-align: center; line-height: 100%; margin-bottom: 0.46rem; } #regPage .home_copyright .home_copyright_imgs { display: none; } #regPage button[disabled="disabled"], .reset-request-container .reset-request-form .btn-blue[disabled="disabled"], .btn-blue[disabled="disabled"] { opacity: 0.6; } @media screen and (orientation: portrait) { .ui-page { min-height: 420px; } } .ui-page-active { display: block; overflow: visible; overflow-x: hidden; } .ui-page { outline: 0; } fieldset, .ui-page { padding: 0; margin: 0; } .-viewport { margin: 0; overflow-x: visible; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } #change-provider-password label, #change-password label { display: block; margin: 0 0 0.4em; font-weight: 400; } #change-provider-password .alert, #change-password .alert { font-size: 0.3rem; } .ui-select { margin-top: 0.5em; margin-bottom: 0.5em; position: relative; } .ui-select .ui-btn select { position: absolute; top: 0; left: 0; width: 100%; min-height: 1.5em; min-height: 100%; height: 3em; max-height: 100%; outline: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; filter: Alpha(Opacity=0); opacity: 0; z-index: 2; } .ui-select .ui-btn { margin: 0; opacity: 1; } .ui-btn-corner-all, .ui-btn.ui-corner-all, .ui-slider-track.ui-corner-all, .ui-flipswitch.ui-corner-all, .ui-li-count { -webkit-border-radius: 0.3125em; border-radius: 0.3125em; } .ui-btn-icon-right { padding-right: 2.5em; } .ui-btn { font-size: 16px; margin: 0.5em 0; padding: 0.7em 1em; display: block; position: relative; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ui-shadow { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); } .ui-btn { text-decoration: none !important; } .ui-btn-corner-all, .ui-corner-all { -webkit-background-clip: padding; background-clip: padding-box; } .ui-btn, label.ui-btn { font-weight: 700; border-width: 1px; border-style: solid; } .ui-btn-corner-all, .ui-corner-all { -webkit-background-clip: padding; background-clip: padding-box; } .ui-corner-all { -webkit-border-radius: 0.3125em; border-radius: 0.3125em; } .ui-input-text, .ui-input-search { margin: 0.5em 0; border-width: 1px; border-style: solid; } .ui-shadow-inset { -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2); } .ui-input-text input, .ui-input-search input { margin: 0; min-height: 2.2em; text-align: left; border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; } .ui-input-text input, .ui-input-search input, textarea.ui-input-text { padding: 0.4em; line-height: 1.4em; display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; } legend, .ui-input-text input, .ui-input-search input { color: inherit; text-shadow: inherit; } .select-arrow-div { margin: 0; padding: 0; position: relative; left: -18px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(images/mobile/transaction/icon_register_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.28rem; height: 0.18rem; } @-webkit-keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @keyframes fadein { from { bottom: 0; opacity: 0; } to { bottom: 30px; opacity: 1; } } @-webkit-keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } @keyframes fadeout { from { bottom: 30px; opacity: 1; } to { bottom: 0; opacity: 0; } } #snackbar { visibility: hidden; min-width: 250px; color: #baaeae; text-align: center; border-radius: 9px; padding: 16px; z-index: 1; left: 50%; bottom: 30px; position: fixed; height: 30px; min-width: 100px; width: 100px; top: 85%; left: 50%; margin-top: -15px; margin-left: -50px; padding: 0; bottom: 0; display: flex; align-items: center; justify-content: center; border: #baaeae solid 0.5px; font-size: 0.5rem; } #snackbar.show { visibility: visible; -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s; animation: fadein 0.5s, fadeout 0.5s 2.5s; } .help-block { display: block; color: #737373; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .loading { position: fixed; z-index: 999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; } .loading:before { content: ""; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8)); background: -webkit-radial-gradient( rgba(20, 20, 20, 0.8), rgba(0, 0, 0, 0.8) ); } .loading:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .loading { width: 100%; height: 100%; opacity: 0.5; display: flex; top: 0; z-index: 9999; } .ui-screen-hidden { display: none !important; } .ui-popup-screen { background-image: url(data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==); top: 0; left: 0; right: 0; bottom: 1px; position: absolute; filter: Alpha(Opacity=0); opacity: 0; z-index: 1099; } .ui-popup-screen.in { opacity: 0.5; filter: Alpha(Opacity=50); } .ui-popup-screen.out { opacity: 0; filter: Alpha(Opacity=0); } .in { -webkit-animation-timing-function: ease-out; -webkit-animation-duration: 350ms; -moz-animation-timing-function: ease-out; -moz-animation-duration: 350ms; animation-timing-function: ease-out; animation-duration: 350ms; } .out { -webkit-animation-timing-function: ease-in; -webkit-animation-duration: 225ms; -moz-animation-timing-function: ease-in; -moz-animation-duration: 225ms; animation-timing-function: ease-in; animation-duration: 225ms; } .ui-popup-container { z-index: 1100; display: inline-block; position: absolute; padding: 0; outline: 0; } .ui-popup { position: relative; } .ui-popup-hidden { left: 0; top: 0; position: absolute !important; visibility: hidden; } .ui-popup-truncate { height: 1px; width: 1px; margin: -1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .pop { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } .pop.in { -webkit-transform: scale(1); -webkit-animation-name: popin; -webkit-animation-duration: 350ms; -moz-transform: scale(1); -moz-animation-name: popin; -moz-animation-duration: 350ms; transform: scale(1); animation-name: popin; animation-duration: 350ms; opacity: 1; } .pop.out { -webkit-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-name: fadeout; -moz-animation-duration: 100ms; animation-name: fadeout; animation-duration: 100ms; opacity: 0; } .pop.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; animation-name: fadein; } .pop.out.reverse { -webkit-transform: scale(0.8); -webkit-animation-name: popout; -moz-transform: scale(0.8); -moz-animation-name: popout; transform: scale(0.8); animation-name: popout; } @-webkit-keyframes popin { from { -webkit-transform: scale(0.8); opacity: 0; } to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popin { from { -moz-transform: scale(0.8); opacity: 0; } to { -moz-transform: scale(1); opacity: 1; } } @keyframes popin { from { transform: scale(0.8); opacity: 0; } to { transform: scale(1); opacity: 1; } } @-webkit-keyframes popout { from { -webkit-transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.8); opacity: 0; } } @-moz-keyframes popout { from { -moz-transform: scale(1); opacity: 1; } to { -moz-transform: scale(0.8); opacity: 0; } } @keyframes popout { from { transform: scale(1); opacity: 1; } to { transform: scale(0.8); opacity: 0; } } @keyframes slideFromRight { 0% { transform: translateX(100%); } 100% { transform: translateX(0); } } @keyframes slideFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @-webkit-keyframes slideFromRight { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(0); } } @-webkit-keyframes slideFromLeft { 0% { -webkit-transform: translateX(-100%); } 100% { -webkit-transform: translateX(0); } } @keyframes slideFromBottom { 0% { transform: translateY(-100%); } 100% { transform: translateY(0); } } [ui-view].ng-enter, [ui-view].ng-leave { position: absolute; left: 0; right: 0; top: 1.1rem; animation-duration: 0.15s; animation-timing-function: ease-in-out; -webkit-animation-duration: 0.15s; -webkit-animation-timing-function: ease-in-out; } [ui-view].ng-enter .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push, [ui-view].ng-leave { display: none; } [ui-view].ng-enter { animation-name: slideFromRight; -webkit-animation-name: slideFromRight; } [ui-view].ng-leave { animation-name: slideFromLeft; animation-direction: reverse; -webkit-animation-name: slideFromLeft; -webkit-animation-direction: reverse; } .m-register-container { background-color: #292929; } .member-message .table-responsive { overflow-x: auto; min-height: 0.01%; } .member-message .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .member-message table { background-color: transparent; border-collapse: collapse; border-spacing: 0; } .member-message .m-font { font-family: Arial, Helvetica, sans-serif; color: #f79c20; font-size: 12px; } .member-message .message-content-text { font-family: Arial, Helvetica, sans-serif; font-size: 11px; } .member-message .text-center { text-align: center; } .member-message .nav, .pagination, .carousel, .panel-title a { cursor: pointer; } .member-message .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .member-message .pagination > li { display: inline; } .member-message .table > thead > tr > th { background-color: #ccc; border-bottom: 0 solid #ddd; color: #fff; } .member-message th { text-align: left; } @media screen and (max-width: 767px) { .member-message .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .member-message .table-responsive > .table { margin-bottom: 0; } .member-message .table-responsive > .table > tbody > tr > td, .member-message .table-responsive > .table > tbody > tr > th, .member-message .table-responsive > .table > tfoot > tr > td, .member-message .table-responsive > .table > tfoot > tr > th, .member-message .table-responsive > .table > thead > tr > td, .member-message .table-responsive > .table > thead > tr > th { white-space: nowrap; } } .m-mobile { height: 100%; width: 100vw; display: flex; overflow: hidden; touch-action: pan-y; user-select: none; -webkit-user-drag: none; -webkit-tap-highlight-color: transparent; } body .member-message { line-height: 24px; } .member-message .pagination-sm > li:first-child > a, .member-message .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .member-message .pagination > li:first-child > a, .member-message .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .member-message .pagination > .disabled > span, .member-message .pagination > .disabled > span:hover, .member-message .pagination > .disabled > span:focus, .member-message .pagination > .disabled > a, .member-message .pagination > .disabled > a:hover, .member-message .pagination > .disabled > a:focus { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-sm > li > a, .pagination-sm > li > span { font-size: 10px; } .member-message .pagination-sm > li > a, .member-message .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .member-message .pagination > li > a, .member-message .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857; text-decoration: none; color: #337ab7; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .member-message .pagination-sm > li > a, .member-message .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .member-message .pagination-sm > li > a, .member-message .pagination-sm > li > span { font-size: 10px; } .member-message .pagination > .active > a, .member-message .pagination > .active > a:hover, .member-message .pagination > .active > a:focus, .member-message .pagination > .active > span, .member-message .pagination > .active > span:hover, .member-message .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #337ab7; border-color: #337ab7; cursor: default; } .member-message.m-fullscreen-header-container { display: flex; height: 50px; padding-left: 10px; padding-right: 10px; background-color: #000; color: #fff; line-height: 50px; } .member-message.m-fullscreen-header-container .title { min-width: 95%; font-weight: 600; font-size: 18px; } .member-message.m-fullscreen-header-container .close-btn { min-width: 5%; color: #fff; font-size: 30px; font-weight: 600; } [role="button"] { cursor: pointer; } .m-content { position: absolute; top: 50px; left: 0; right: 0; height: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); overflow-y: auto; overflow-x: hidden; } .member-message.m-language-container { height: 100%; background-color: #1f1f1f; color: #fff; position: absolute; top: 50px; left: 0; right: 0; } .m-content { position: absolute; top: 50px; left: 0; right: 0; height: calc(100% - 100px); height: -moz-calc(100% - 100px); height: -webkit-calc(100% - 100px); overflow-y: auto; overflow-x: hidden; } .m-content.login { bottom: 70px; height: calc(100% - 120px); height: -moz-calc(100% - 120px); height: -webkit-calc(100% - 120px); overflow-y: auto; overflow-x: hidden; } .modal-open { overflow: hidden; } .modal { z-index: 1050; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.42857; font-size: 1.2em; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .modal-dialog-centered { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: calc(100% - (0.5rem * 2)); flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: space-around; } .modal-header .btn-close { padding: 0.5rem; margin: -0.5rem -0.5rem -0.5rem auto; } .btn-close { box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em; color: #000; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; border: 0; border-radius: 0.25rem; opacity: 0.5; } .modal-header { display: flex; flex-shrink: 0; align-items: center; justify-content: space-between; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-dialog-scrollable .modal-body { overflow-y: auto; font-size: 0.9em; } .table { --bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6; line-height: 120% !important; text-align: center; } .table-dark { --bs-table-bg: #212529; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --bs-table-hover-color: #fff; color: #fff; border-color: #373b3e; } .table-light { --bs-table-bg: #f8f9fa; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --bs-table-hover-color: #000; color: #000; border-color: #dfe0e1; } .table > :not(caption) > * > * { padding: 0.5rem; background-color: var(--bs-table-bg); border-bottom-width: 1px; box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .modal.popupAd .modal-content { -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); box-shadow: 0 0 12px rgba(0, 0, 0, 0.6); width: 100% !important; } .modal.popupAd .modal-content, .modal.popupAd .modal-body { border: none; padding: 0; width: 9.17rem; height: 8.71rem; background: #e2e2e2; font-size: 0.52rem; color: #6d6d6d; } .modal.popupAd .modal-dialog { position: fixed; width: 9.17rem; height: 8.71rem; left: 0 !important; top: 0 !important; right: 0 !important; bottom: 0 !important; margin: auto; } .modal-backdrop.popupAd { background-color: #f9f9f9; border-color: #bbb; color: #333; text-shadow: 0 1px 0 #f3f3f3; } .modal-open.popupAd { overflow: auto; } .modal-dialog { -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; } .modal-dialog.in { -webkit-transform: scale(1); -webkit-animation-name: popin; -webkit-animation-duration: 350ms; -moz-transform: scale(1); -moz-animation-name: popin; -moz-animation-duration: 350ms; transform: scale(1); animation-name: popin; animation-duration: 350ms; opacity: 1; } .modal-dialog.out { -webkit-animation-name: fadeout; -webkit-animation-duration: 100ms; -moz-animation-name: fadeout; -moz-animation-duration: 100ms; animation-name: fadeout; animation-duration: 100ms; opacity: 0; } .modal-dialog.in.reverse { -webkit-animation-name: fadein; -moz-animation-name: fadein; animation-name: fadein; } .modal-dialog.out.reverse { -webkit-transform: scale(0.8); -webkit-animation-name: popout; -moz-transform: scale(0.8); -moz-animation-name: popout; transform: scale(0.8); animation-name: popout; } #lottoPayoutModalDialog h4 { margin-bottom: 16px; font-weight: 700; font-size: 1em; } #lottoPayoutModalDialog tbody > tr > th { text-align: center; } .casino-header-bg { background: #000; padding: 0.1rem 0; } .casino-header-bg .casino-logo { height: 2rem; display: block; margin: 0 auto; } .casino-body { margin: 1rem 1rem 0; } .casino-body .play-btn { width: 100%; height: 1.2rem; color: #fff; background-image: -webkit-gradient( linear, left bottom, left top, from(#02189c), to(#057ae4) ); background-image: -webkit-linear-gradient(bottom, #02189c, #057ae4); background-image: -o-linear-gradient(bottom, #02189c, #057ae4); background-image: linear-gradient(to top, #02189c, #057ae4); border: solid 1px #8cc5d9; border-bottom: solid 3px #589cb6; box-shadow: inset 0 0 0 1px #cdeffb; background-image: linear-gradient(#001752, #001752); background-image: -moz-linear-gradient(#001752, #001752); background-image: -o-linear-gradient(#001752, #001752); border: 0; border-radius: 5px; font-size: 0.45rem; } .casino-usrpwd-body { margin: 0.3rem 0.3rem 0; } .casino-usrpwd-body .body-container { background: #ececec; background-image: linear-gradient(#f8f8f8, #e9e8e8); background-image: -moz-linear-gradient(#f8f8f8, #e9e8e8); background-image: -o-linear-gradient(#f8f8f8, #e9e8e8); padding: 0.3rem; border-radius: 5px; } .casino-usrpwd-body .usrpwd-container { padding: 0.6rem 0.4rem; line-height: 0.7rem; } .casino-usrpwd-body .usrpwd-container .titletxt { color: #b3c1cf; font-size: 0.35rem; font-weight: 700; } .casino-usrpwd-body .usrpwd-container .detailtxt { color: #001752; font-size: 0.45rem; font-weight: bolder; } .casino-usrpwd-body .play-btn { width: 100%; height: 1.8rem; color: #fff; background-color: #ab0016; background-image: linear-gradient(#ca001b, #970014); background-image: -moz-linear-gradient(#ca001b, #970014); background-image: -o-linear-gradient(#ca001b, #970014); border: 0; border-radius: 5px; font-size: 0.45rem; display: flex; align-items: center; justify-content: center; } .ambassador-credits { color: #b5b5b5; } .m-credits img { height: 50px; margin: auto; display: block; } .m-credits p { line-height: 12px; font-size: 12px; color: #b5b5b5; margin-top: 10px; } .trademark { display: flex; padding: 0 5px; margin: 16px 16px 60px !important; } .trademark .leftContainer { flex-basis: 42%; } .trademark .rightContainer { width: 172px; display: flex; flex-direction: column; align-self: flex-end; } .trademark p { text-align: left; font-size: 9px; margin-bottom: 0; } .trademark img { margin-left: 0 !important; height: 38px !important; } .footerContainer { display: flex; justify-content: space-between; padding: 0 5px; padding-top: 12px; position: relative; margin-top: 0; height: 129px; } .footerContainer .leftContainer { flex-basis: 49%; padding-right: 18px; box-sizing: border-box; } .footerContainer .leftContainer p { text-align: start; margin-left: 16px; line-height: 11px; margin-top: 1px; margin-bottom: 0; font-size: 9px; } .footerContainer .leftContainer a img { width: 78%; height: auto; max-width: 186px; margin-top: 5px; margin-bottom: 5px; } .footerContainer .rightContainer { flex-basis: 60%; height: 0; } .footerContainer .rightContainer p { text-align: end; margin-top: 0; line-height: 11px; margin-top: 1px; position: relative; right: 145px; font-size: 9px; } .footerContainer .rightContainer a { color: #cec8cb !important; height: 150px; display: block; } .footerContainer .rightContainer img { visibility: hidden; height: auto !important; position: absolute; width: 55%; max-height: 151px; } .jtBg { height: 151px; position: absolute; width: 100%; border-bottom: 0.5px solid #dadada; } .jtBg img { visibility: hidden; height: auto !important; width: 60%; max-height: 151px; } .hr-credits { border-top: 0.5px solid #2d2929; margin: 0; width: 200% !important; margin-left: -25px; } @media (max-width: 376px) { .footerContainer { height: auto; } .footerContainer .rightContainer p { text-align: start; right: 0; } } @media (max-width: 320px) { .footerContainer .rightContainer img { height: 100px !important; } .footerContainer .rightContainer a { height: 120px; display: block; } .jtBg img { width: 60% !important; } .footerContainer { height: auto; } .footerContainer .leftContainer p, .footerContainer .rightContainer p, .m-credits.ambassador-credits p { font-size: 8px; } .jtBg { height: 131px !important; } .footerContainer .leftContainer a img { margin-top: 5px; margin-bottom: 5px; } } .slot-container .search-container { height: 1.32rem; width: 100%; background: #0066d1; display: flex; align-items: center; justify-content: center; } .slot-container .search-container .searchbar { background: #e1e1e1; width: 90%; height: 1rem; border-radius: 5px; position: relative; } .slot-container .search-container .searchbar input { border: none; outline: none; margin: 0; font: inherit; font-size: 0.405rem; padding: 0.05rem 0.263rem; background-color: transparent !important; color: #000 !important; width: 89%; position: relative; top: -0.35rem; height: 80%; } .slot-container .search-container .search-clear { position: absolute; top: -0.1rem; right: 0.1rem; } .slot-container .game-list-outerbox { margin: 0.2rem; height: calc(100vh - 1.1rem - 1.6rem - 0.4rem); height: -moz-calc(100vh - 1.1rem - 1.6rem - 0.4rem); height: -webkit-calc(100vh - 1.1rem - 1.6rem - 0.4rem); overflow: auto; } .slot-container .game-list { display: grid; grid-template-columns: 3.3rem 3.3rem 3.3rem; grid-column-gap: 0.2rem; grid-row-gap: 0.15rem; } .slot-container .game-container { margin-bottom: 0.2rem; } .slot-container .game-container .game-img > img { width: 100%; height: 2.16rem; } .slot-container .game-container .game-img { height: 2.24rem; } .slot-container .game-container .game-name, .slot-container .game-popup .game-name { font-size: 0.3rem; text-align: center; color: #6d6d6e; } .slot-container .game-popup .game-name { font-size: 0.5rem; } .slot-container .game-popup-overlay { background: #000; opacity: 0.7; position: fixed; top: 0; height: 100vh; width: 100%; z-index: 999; } .slot-container .game-popup-container { position: fixed; z-index: 999; top: 0; height: 100vh; width: 100%; display: flex; align-content: center; justify-content: center; } .slot-container .game-popup-container .game-popup { background: #fff; width: 85%; border-radius: 5px; position: relative; padding-bottom: 0.6rem; padding-top: 0.7rem; } .slot-container .game-popup-container .game-popup .close-popup { position: absolute; right: 0.22rem; top: -0.2rem; font-size: 1rem; color: red; } .slot-container .game-popup .game-img > img { width: 84%; display: block; margin: 0 auto; padding-bottom: 0.15rem; height: 210px; } .slot-container .game-popup .game-btn-container { margin-top: 0.4rem; margin-left: 0.7rem; margin-right: 0.7rem; } .slot-container .game-popup .two-buttons { display: flex; justify-content: space-between; } .slot-container .game-popup .one-button { display: flex; justify-content: center; } .slot-container .game-popup .demo-btn { border-radius: 5px; height: 1rem; color: #000; background-color: #faa70e; background-image: linear-gradient(#f3b303, #f89c19); background-image: -moz-linear-gradient(#f3b303, #f89c19); background-image: -o-linear-gradient(#f3b303, #f89c19); border: 0; width: 48%; font-size: 0.5rem; display: flex; justify-content: center; align-items: center; } .slot-container .game-popup .play-btn { border-radius: 5px; height: 1rem; color: #fff; background-color: #004a99; background-image: linear-gradient(#0061c7, #003d7d); background-image: -moz-linear-gradient(#0061c7, #003d7d); background-image: -o-linear-gradient(#0061c7, #003d7d); border: 0; width: 48%; font-size: 0.5rem; display: flex; justify-content: center; align-items: center; } .download-container .download-filtering { justify-content: center !important; } .download-container .download-filtering li a { padding: 0 25px !important; } .download-container .provider-list { padding: 0.1rem; display: grid; grid-template-columns: calc(50% - 0.05rem) calc(50% - 0.05rem); grid-column-gap: 0.1rem; grid-row-gap: 0.1rem; } .download-container .provider-list .provider-container { height: 4rem; } .download-container .provider-list .provider-container > img { width: 100%; height: auto; } @media screen and (min-width: 500px) { .slot-container .game-popup-container .game-popup { width: 320px; padding: 0.1rem 0; } .slot-container .game-popup .game-img > img { width: 40%; padding-top: 0.15rem; padding-bottom: 0; } .slot-container .game-popup .game-name { font-size: 0.2rem; } .slot-container .game-popup-container .game-popup .close-popup { font-size: 0.5rem; top: -0.1rem; right: 0.1rem; } .slot-container .game-popup .play-btn, .slot-container .game-popup .demo-btn { height: 0.5rem; font-size: 0.2rem; } .slot-container .game-popup .game-btn-container { margin-top: 0.1rem; } } .m-live-tv { font-size: 13px; box-sizing: border-box; font-family: arial; text-shadow: none; margin-bottom: 2px; } .m-live-tv .m-live-tv-1 { display: flex; background: #0a1624; color: #fff; height: 28px; align-items: center; justify-content: space-between; } .m-live-tv .livetv-container, .m-live-tv .r1c1 { display: flex; height: 100%; } .m-live-tv .livetv-container .r1c1 .isLive { background: #00b900; width: 36px; height: 100%; } .m-live-tv .livetv-container .r1c1 p { align-self: center; margin-left: 0.9em; } .m-live-tv .livetv-container .r1c1 .isLive img { width: 57%; display: block; margin: auto; margin-top: 4px; } .m-live-tv .r1c2 { background: #4a4a4a; height: 100%; display: flex; align-items: center; width: 93px; } .m-live-tv .r1c2 .r1c2-container { margin: auto; line-height: 1em; } .m-live-tv .r1c2 .r1c2-container span { font-size: 8px; } .m-live-tv .m-live-tv-2 { display: flex; background: #dedede; height: 15px; align-items: center; font-size: 8px; } .m-live-tv .m-live-tv-2 p { margin-left: 11px; line-height: 11px; color: #000; } .m-live-tv .m-live-tv-3 { display: flex; background: #e6e6e6; height: 29px; border-bottom: 1px solid #ddd; } .m-live-tv .m-live-tv-3 .float-left, .m-live-tv .m-live-tv-4 .float-left { float: left; display: flex; } .m-live-tv .logo { width: 36px; } .m-live-tv .m-live-tv-3 .logo img, .m-live-tv .m-live-tv-4 .logo img { width: 60%; height: auto; margin: auto; display: block; margin-top: 4px; } .m-live-tv .score { width: 36px; background: #9b9b9b; color: #fff; font-size: 19px; font-weight: 700; } .m-live-tv .score p { display: block; text-align: center; margin-top: 1px; } .m-live-tv .team-container { display: flex; width: 100%; justify-content: space-between; } .m-live-tv .team-container .team-name { font-weight: bolder; text-shadow: 0 0 0 #131111; font-size: 12px; display: flex; width: 50%; } .m-live-tv .team-container .team-name p { margin: auto; display: block; margin-left: 8px; } .m-live-tv .m-live-tv-3 .live-stat { color: #fff; width: 93px; display: flex; } .m-live-tv .m-live-tv-3 .live-stat p { display: block; font-size: 10px; line-height: 9px; height: fit-content; margin: auto; margin-left: 9px; } .m-live-tv .m-live-tv-3 .live-stat img { height: 22px; margin-top: 3px; } .m-live-tv .m-live-tv-3 .live-stat.watch-live { background: #00b900; } .m-live-tv .m-live-tv-3 .live-stat.view-stat { background: #24b5da; } .m-live-tv .m-live-tv-3 .live-stat.view-comm { background: #2464da; } .m-live-tv .m-live-tv-3 .live-stat.watch-live p { max-width: 50px; } .m-live-tv .m-live-tv-3 .live-stat.view-stat p { max-width: 56px; } .m-live-tv .m-live-tv-3 .live-stat.view-comm p { max-width: 56px; } .m-live-tv-4 { display: flex; background: #e6e6e6; height: 29px; } .m-live-tv .m-live-tv-4 .live-stat p { display: block; font-size: 17px; width: fit-content; margin: auto; font-weight: 700; height: 100%; margin-top: 4px; } .m-livetv-break { font-size: 0.38rem; border-top: 0.02rem solid #0066d1; } .m-livetv-break-container { margin-top: 0.8rem; margin-left: 1rem; } .m-livetv-break-container img { display: block; height: 2rem; } .m-livetv-break-text { justify-content: center; display: flex; flex-direction: column; margin-top: 0.7rem; } .popup-transfer-window .modal-popup-transfer { position: relative; top: 25%; margin: 0; display: flex; justify-content: center; } .popup-transfer-window .modal-popup-transfer .modal-content { background-color: transparent; border: 0; box-shadow: none; background-clip: unset; border-radius: 0; width: 80%; } .transfer-popup-container { position: relative; min-height: 200px; background-color: #f0f0f0; background-image: linear-gradient(#f7f7f7, #e9e9e9); background-image: -moz-linear-gradient(#f7f7f7, #e9e9e9); background-image: -o-linear-gradient(#f7f7f7, #e9e9e9); border-radius: 5px; } .transfer-popup-container .close-btn { font-size: 1.25rem; color: red; height: 1rem; width: 1rem; display: flex; justify-content: center; align-items: center; position: absolute; right: 0; top: 0; } .transfer-popup-container .wallet-provider-container { padding: 0.5rem 1rem; border-bottom: 1px solid #e2e2e2; } .transfer-popup-container .wallet-provider-container .wallet-container { display: flex; justify-content: center; align-items: center; flex-direction: column; } .transfer-popup-container .wallet-provider-container .wallet-container .title-text, .transfer-popup-container .amount-container .amount-text { font-size: 0.35rem; color: #001752; } .transfer-popup-container .wallet-provider-container .wallet-container .amount-text { font-size: 0.6rem; font-weight: 700; } .transfer-popup-container .wallet-provider-container .wallet-container .amount-text .currency-text { font-size: 0.3rem; font-weight: 400; } .transfer-popup-container .wallet-provider-container .wallet-container .currency-text { font-size: 0.3rem; font-weight: 300; } .transfer-popup-container .wallet-provider-container .arrow { display: flex; justify-content: center; align-items: center; } .transfer-popup-container .amount-container { padding: 0.5rem 0.8rem; } .transfer-popup-container .amount-container .amount-text .mandatory { color: red; } .transfer-popup-container .amount-container .amount-input { border-radius: 6px; font-size: 0.5rem; width: 100%; margin-top: 0.1rem; background: #e1e1e1; border: 0; -webkit-box-shadow: inset 0 1px #bfbfbf; -moz-box-shadow: inset 0 1px #bfbfbf; box-shadow: inset 0 1px #bfbfbf; } .transfer-popup-container .amount-container .amount-input > input { border: 0; background: transparent; padding: 0.15rem; width: 95%; } .transfer-popup-container .amount-container .amount-input > input:focus { outline: none; } .transfer-popup-container .amount-slider { display: grid; grid-template-columns: 0.75rem 0.4rem 1fr 0.4rem 0.75rem; } .transfer-popup-container .amount-slider .slider-label { font-size: 0.4rem; font-weight: 300; display: flex; align-items: center; justify-content: center; color: #585858; margin-top: 0.2rem; } .transfer-popup-container .amount-slider .custom-slider .slider-handle { margin-left: -14px !important; margin-top: -7px !important; width: 30px; height: 30px; background-color: transparent; box-shadow: none; -webkit-box-shadow: none; border: none; background: url(../../../public/images/mobile/popup-slider-btn.png) center no-repeat; } .transfer-popup-container .slider { display: inline-block; vertical-align: middle; position: relative; } .transfer-popup-container .slider.slider-horizontal { width: 210px; height: 20px; } .transfer-popup-container .slider.slider-horizontal .slider-track { height: 10px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .transfer-popup-container .slider.slider-horizontal .slider-selection, .transfer-popup-container .slider.slider-horizontal .slider-track-low, .transfer-popup-container .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .transfer-popup-container .slider.slider-horizontal .slider-tick, .transfer-popup-container .slider.slider-horizontal .slider-handle { margin-left: -10px; } .transfer-popup-container .slider.slider-horizontal .slider-tick.triangle, .transfer-popup-container .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; transform: translateY(-50%); border-width: 0 10px 10px; width: 0; height: 0; border-bottom-color: #2e6da4; margin-top: 0; } .transfer-popup-container .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } .transfer-popup-container .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 20px; } .transfer-popup-container .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center; } .transfer-popup-container .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } .transfer-popup-container .slider.slider-horizontal.slider-rtl .slider-tick, .transfer-popup-container .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } .transfer-popup-container .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } .transfer-popup-container .slider.slider-vertical { height: 210px; width: 20px; } .transfer-popup-container .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } .transfer-popup-container .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .transfer-popup-container .slider.slider-vertical .slider-track-low, .transfer-popup-container .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .transfer-popup-container .slider.slider-vertical .slider-tick, .transfer-popup-container .slider.slider-vertical .slider-handle { margin-top: -10px; } .transfer-popup-container .slider.slider-vertical .slider-tick.triangle, .transfer-popup-container .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #2e6da4; border-right-color: #2e6da4; margin-left: 0; margin-right: 0; } .transfer-popup-container .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .transfer-popup-container .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .transfer-popup-container .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } .transfer-popup-container .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } .transfer-popup-container .slider.slider-vertical.slider-rtl .slider-tick.triangle, .transfer-popup-container .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } .transfer-popup-container .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px; } .transfer-popup-container .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf',endColorstr='#ffbebebe',GradientType=0); } .transfer-popup-container .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5',endColorstr='#ffe9e9e9',GradientType=0); cursor: not-allowed; } .transfer-popup-container .slider input { display: none; } .transfer-popup-container .slider .tooltip.top { margin-top: -36px; } .transfer-popup-container .slider .tooltip-inner { white-space: nowrap; max-width: none; } .transfer-popup-container .slider .hide { display: none; } .transfer-popup-container .slider-track { position: absolute; cursor: pointer; background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: -o-linear-gradient(top, #f5f5f5 0%, #f9f9f9 100%); background-image: linear-gradient(to bottom, #f5f5f5 0%, #f9f9f9 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); border-radius: 4px; } .transfer-popup-container .slider-selection { position: absolute; background: #001752; background-repeat: repeat-x; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .transfer-popup-container .slider-selection.tick-slider-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0); } .transfer-popup-container .slider-track-low, .transfer-popup-container .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 4px; } .transfer-popup-container .slider-track-high { background: #e1e1e1; background-repeat: repeat-x; } .transfer-popup-container .slider-handle { position: absolute; top: 0; width: 20px; height: 20px; background-color: #337ab7; background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%); background-image: linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7',endColorstr='#ff2e6da4',GradientType=0); filter: none; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border: 0 solid transparent; } .transfer-popup-container .slider-handle.round { border-radius: 50%; } .transfer-popup-container .slider-handle.triangle { background: transparent none; } .transfer-popup-container .slider-handle.custom { background: transparent none; } .transfer-popup-container .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204; } .transfer-popup-container .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9',endColorstr='#fff5f5f5',GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; filter: none; opacity: 0.8; border: 0 solid transparent; } .transfer-popup-container .slider-tick.round { border-radius: 50%; } .transfer-popup-container .slider-tick.triangle { background: transparent none; } .transfer-popup-container .slider-tick.custom { background: transparent none; } .transfer-popup-container .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204; } .transfer-popup-container .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: -o-linear-gradient(top, #8ac1ef 0%, #82b3de 100%); background-image: linear-gradient(to bottom, #8ac1ef 0%, #82b3de 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ac1ef',endColorstr='#ff82b3de',GradientType=0); opacity: 1; } .transfer-popup-container .button-container { padding: 0 0.8rem 0.5rem; } .transfer-popup-container .button-container .btnstyle { width: 100%; height: 1.2rem; display: flex; justify-content: center; align-items: center; font-size: 0.5rem; border-radius: 5px; } .transfer-popup-container .button-container .yesbtn { color: #fff; background-color: #004a99; background-image: linear-gradient(#0061c7, #003d7d); background-image: -moz-linear-gradient(#0061c7, #003d7d); background-image: -o-linear-gradient(#0061c7, #003d7d); } .message-container { font-size: 0.38rem; text-shadow: none; } .message-container .message-topbar { background: #0066d1; display: flex; height: 3.4em; align-items: center; } .message-container .message-selectall-checkbox, .message-container .message-delete-checkbox { color: #fff; margin-left: 2em; display: inline-block; position: relative; padding-left: 2.3em; cursor: pointer; } .message-container .message-selectall-checkbox input, .message-delete-checkbox input { display: none; } .message-container .message-selectall-checkbox .selectall-checkmark, .message-container .message-delete-checkbox .delete-checkmark { width: 1.4em; height: 1.4em; background: #fff; position: absolute; display: inline-block; left: 0; top: -0.2em; border: 1px solid rgba(155, 171, 187, 0.4); } .message-container .message-selectall-checkbox input:checked + .selectall-checkmark, .message-container .message-delete-checkbox input:checked + .delete-checkmark { background-image: url(../../../styles/images/mobile/message/msg-tick.png); background-position: center; background-size: 100% 100%; } .message-container .flag .flag-checkmark { width: 3em; height: 3em; background-image: url(../../../styles/images/mobile/message/msg-flag-grey.png); background-position: center; background-size: 100% 100%; position: absolute; display: inline-block; left: 0; } .message-container .flag input:checked + .flag-checkmark { background-image: url(../../../styles/images/mobile/message/msg-flag-blue.png); background-position: center; background-size: 100% 100%; } .message-container .message-delete-checkbox { margin-left: 0; margin-top: 0.8em; } .message-container .trash-icon { width: 2.5em; margin-left: 1em; } .message-container .trash-icon img { width: 100%; } .message-container .message-list { background: #ebecf0; padding-left: 2em; padding-right: 1em; height: 3.4em; border-bottom: 1px solid #e3e3e3; box-sizing: border-box; display: flex; align-items: center; flex-direction: row; justify-content: space-between; width: 100vw; } .message-container .message-box span { color: #001752; } .message-container .message-box { width: 100%; } .message-container .message-box .message-date { color: #7e7f7f; font-size: 0.31rem; } .message-container .flag { width: 3em; height: 3em; position: relative; cursor: pointer; } .message-container .flag input { display: none; } .message-container .flag img { width: 100%; } .message-container .message-label-container { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; flex-basis: 85%; display: flex; } .delete-message-container { font-size: 0.36rem; } .delete-message-container .delete-close { display: flex; color: red; justify-content: flex-end; position: absolute; width: 98%; margin-top: -1.5em; } .delete-message-container .delete-close img { width: 0.8rem; height: 0.8rem; } .delete-message-container .delete-message-icon { width: 2.8em; margin: auto; margin-top: 2em; } .delete-message-container .delete-message-icon img { width: 100%; } .delete-message-container .delete-message-title { font-weight: 700; font-size: 1.2em; width: 100%; margin: 0.3rem 0; } .delete-message-container .delete-message-title p { margin: 0 auto; width: fit-content; } .delete-message-container .delete-button { width: 100%; display: flex; } .delete-message-container .btn-blue { color: #fff; width: 7.8rem; height: 1.1rem; margin: 0 auto; } .message-delete-backdrop { opacity: 0 !important; } .message-content-container, .message-content-container * { box-sizing: border-box; } .message-content-container { background: #e9ecf0; text-shadow: none; position: absolute; min-height: 95%; width: 100%; border-top: 1px solid #95bfec; } .message-content-container .flag-container { display: flex; justify-content: flex-end; width: 90%; margin: 0 auto; margin-top: 0.2em; } .message-content-container .message-dialog-title { color: #7a98b8; font-weight: 700; font-size: 0.4rem; } .message-content-container .message-dialog-createdDate { color: #aaabad; font-size: 0.33rem; margin-top: 2em; } .message-content-container .message-dialog-content { color: #aaabad; font-size: 0.33rem; margin-top: 1em; } .message-content-container .message-content { width: 90%; margin: 0 auto; margin-bottom: 2em; } .message-content-container .flag { width: 1rem; height: 1rem; position: relative; cursor: pointer; } .message-content-container .flag input { display: none; } .message-content-container .flag img { width: 100%; } .message-content-container .flag .flag-checkmark { width: 1rem; height: 1rem; background-image: url(../../../styles/images/mobile/message/msg-flag-grey.png); background-position: center; background-size: 100% 100%; position: absolute; display: inline-block; left: 0; } .message-content-container .flag input:checked + .flag-checkmark { background-image: url(../../../styles/images/mobile/message/msg-flag-blue.png); background-position: center; background-size: 100% 100%; } .close-btn { min-width: 5%; color: red; font-size: 46px; display: flex; justify-content: flex-end; } .navbarfullscreen .around.left img { width: 0.72rem; height: 0.5rem; display: inline-block; } .navbarfullscreen #closebutton img { width: 0.8rem; height: 0.8rem; } .request-background { height: 100%; width: 100%; } .reset-request-container { font-size: 0.36rem; color: #6d6d6d; border-top: 1px solid #95bfec; } .confirm-button-container, .reset-request-container .reset-request-form .reset-button-container, .reset-request-container .reset-request-error-2 { width: 100%; margin: 0 auto; } .reset-button-container { padding: 0 1rem; } .confirm-button-container, .reset-request-container .reset-request-form .reset-button-container { margin-top: 1.8em; } .reset-request-container .reset-request-form .reset-button-container button { width: 100%; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-email-label, .reset-request-container .reset-request-form .reset-reqeust-top .reset-username-label, .verifyotp-form .otp-verification-label { padding-right: 4px; padding-top: 2px; position: relative; text-align: left; color: #001752; margin-top: 2.1em; display: block; box-sizing: border-box; margin-bottom: 0.3em; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-email-label:after, .reset-request-container .reset-request-form .reset-reqeust-top .reset-username-label:after { content: "*"; color: red; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-request-input-container { margin: 0; padding: 0; height: 1rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-request-input-container input::placeholder { font-weight: 100; color: #9a9b9e; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-request-input-container input { margin: 0; min-height: 2.2em; text-align: left; border: 0; background: transparent none; -webkit-appearance: none; -webkit-border-radius: inherit; border-radius: inherit; background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 700; border-color: transparent !important; outline: none; text-shadow: 0 1px 0 #f3f3f3; line-height: 1.4em; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .reset-request-container .reset-request-form .reset-reqeust-top .reset-request-error p { margin: 0 1em; margin-top: 0.5em; } .reset-request-container .reset-request-error-2 p { margin: 0 1em; margin-top: 0.5em; color: red; font-family: Arial, Helvetica, sans-serif; font-size: 0.36rem; } .reset-request-container .reset-request-success .reset-request-success-div { font-size: 0.36rem; margin: 0 2em; } .reset-request-container .reset-request-success p { width: 25em; } .reset-request-container .reset-request-success .reset-success-icon { width: 2.5em; } .reset-request-container .reset-request-success .reset-success-icon img { width: 100%; } #promotionapply { font-size: 0.5rem; } #promotionapply * { box-sizing: border-box; } #promotionapply .modal-header { display: flex; justify-content: space-between; } #promotionapply .ui-input-text, #promotionapply .promotion-apply-textbox { margin: 0; padding: 0; height: 0.96rem; -webkit-box-shadow: none; box-shadow: none; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-border-radius: 0.1rem; border-radius: 0.1rem; } #promotionapply input, #promotionapply textarea { background-color: #e1e1e1 !important; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b !important; border-color: transparent !important; outline: none; } #promotionapply textarea, #promotionapply .ui-textbox { height: 3rem; width: 100%; box-sizing: border-box; } #promotionapply .login_centent_item { margin-bottom: 0.4rem; width: 7.64rem; } #promotionapply .login_centent_item.twoitem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: relative; } #promotionapply .login_centent_item.twoitem .selectvaluebox { font-size: 0.36rem; color: #9a9b9e; position: absolute; left: 0.75rem; height: 100%; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } #promotionapply .login_centent_item.twoitem .selectvaluebox > span { margin-left: 0.24rem; font-size: -webkit-calc(0.36rem / 0.7); font-size: calc(0.36rem / 0.7); } #promotionapply .login_centent_item.twoitem .ui-select { width: 2.65rem; } #promotionapply .login_centent_item.twoitem .ui-select span { display: none; } #promotionapply .login_centent_item.twoitem .ui-input-text { width: 65%; } #promotionapply .login_centent_item.twoitem { width: 100%; } #promotionapply .btn-blue { width: 100% !important; } #promotionapply .quick_pay_select_item .ui-select .select-arrow-div, .quick_pay_select_item .ui-select > div:after { left: -0.5rem !important; } #promotionapply textarea { padding: 0.1rem 0.5rem; } .m-vip-login .carousel { position: relative; } .m-vip-login .carousel-inner { position: relative; overflow: hidden; width: 100%; } .m-vip-login .carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .m-vip-login .carousel-inner > .item > img, .m-vip-login .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .m-vip-login .carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .m-vip-login .carousel-inner > .item.next, .m-vip-login .carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .m-vip-login .carousel-inner > .item.prev, .m-vip-login .carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .m-vip-login .carousel-inner > .item.next.left, .m-vip-login .carousel-inner > .item.prev.right, .m-vip-login .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } .m-vip-login .carousel-inner > .active, .m-vip-login .carousel-inner > .next, .m-vip-login .carousel-inner > .prev { display: block; } .m-vip-login .carousel-inner > .active { left: 0; } .m-vip-login .carousel-inner > .next, .m-vip-login .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .m-vip-login .carousel-inner > .next { left: 100%; } .m-vip-login .carousel-inner > .prev { left: -100%; } .m-vip-login .carousel-inner > .next.left, .m-vip-login .carousel-inner > .prev.right { left: 0; } .m-vip-login .carousel-inner > .active.left { left: -100%; } .m-vip-login .carousel-inner > .active.right { left: 100%; } .m-vip-login .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .m-vip-login .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .m-vip-login .form-control::-moz-placeholder { color: #999; opacity: 1; } .m-vip-login .form-control:-ms-input-placeholder { color: #999; } .m-vip-login .form-control::-webkit-input-placeholder { color: #999; } .m-vip-login .form-control::-ms-expand { border: 0; background-color: transparent; } .m-vip-login .form-control[disabled], .m-vip-login .form-control[readonly], fieldset[disabled] .m-vip-login .form-control { background-color: #eee; opacity: 1; } .m-vip-login .form-control[disabled], fieldset[disabled] .m-vip-login .form-control { cursor: not-allowed; } .m-content { top: 0; height: 100%; } .center-div { margin: auto; position: relative; top: 50%; transform: translateY(-50%); } #text-carousel { padding: 30px 10px 10px; cursor: default; } #text-carousel .carousel-inner .item { color: #fff; font: bolder; font-size: 30px; } .m-vip-login form a span { color: #fff; text-decoration: underline; font-size: 75%; } .mrow { padding-left: 50px; padding-right: 50px; } .mrow input { width: 100%; } .m-vip-login *, .m-vip-login :after, .m-vip-login :before { box-sizing: border-box; } .m-vip-login { background-image: url(../../../styles/images/bg/vip_login_background_android.jpg); background-size: 100%; height: 100%; width: 100%; position: absolute; background-repeat: round; font-size: 0.47rem; } .m-vip-login .row, .m-vip-login-success .row { margin-left: -15px; margin-right: -15px; } .m-vip-login .center-div { margin: auto; position: relative; top: 50%; transform: translateY(-50%); } .m-vip-login .col-md-8, .m-vip-login-success .col-md-8 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .m-vip-login .carousel, .m-vip-login .carousel-inner { position: relative; } .m-vip-login .carousel-inner { overflow: hidden; width: 100%; } .m-vip-login .text-center, .m-vip-login-success .text-center { text-align: center; } #text-carousel .carousel-inner .item { color: #fff; font: bolder; font-size: 30px; } .m-vip-login .m-login-container { display: block; margin: 5px; } .m-vip-login .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .m-vip-login .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .m-vip-login .form-control:hover { border: 1px solid #006cc0; } .vip-remember-me { color: #fbb714; font-family: Arial, Helvetica, sans-serif; font-size: 12px; } .mrow input { width: 100%; } .mrow input { width: 100%; } .m-vip-login form input { border-radius: 5px; } .m-vip-login .form-group { margin-bottom: 15px; } .m-vip-login form button[type="submit"] { width: 100%; background-color: #093e78; border: 0; border-radius: 5px; height: 30px; color: #fff; } .m-vip-login form a span { color: #fff; text-decoration: underline; font-size: 75%; } @media (min-width: 992px) { .m-vip-login .col-md-offset-2, .m-vip-login-success .col-md-offset-2 { margin-left: 16.66667%; } } @media (min-width: 992px) { .m-vip-login .col-md-8, .m-vip-login-success .col-md-8 { width: 66.66667%; } } @media (min-width: 992px) { .m-vip-login .col-md-8, .m-vip-login-success .col-md-8 { float: left; } } .m-vip-login-success { background-image: url(../../../styles/images/bg/vip_thankyou_background_android.jpg); background-size: 100%; height: 100%; width: 100%; position: absolute; overflow: hidden; background-repeat: round; position: absolute; top: 0; } .proceed-login-container { font-size: 0.36rem; } .proceed-login-container .proceed-login-title { font-weight: 700; font-size: 0.5rem; width: 100%; margin: 1.3rem 0; } .proceed-login-container .proceed-login-title p { margin: 0 auto; width: fit-content; } .proceed-login-container .btn-blue { color: #fff; width: 7.8rem; height: 1.1rem; margin: 0 auto; } .proceed-login-container .proceed-login-button { width: 100%; display: flex; } .proceed-login-backdrop { opacity: 0.5 !important; } .notification-container { z-index: 3; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #888; border-bottom: 1px solid #aaa; background-color: #fff; position: relative; margin-bottom: 1em; font-size: 13px; color: #666; font-weight: 500; padding: 10px 30px 11px 20px; min-width: 350px; max-width: 500px; } .notification-inner { padding: 1px 0 1px 40px; background-position: 0 center; background-repeat: no-repeat; min-height: 21px; background-image: url(../../../content/images/icon/messenger_icon_info.gif); } .notification-close { position: absolute; top: 0; right: 0; color: #888; opacity: 1; font-weight: 700; display: block; font-size: 20px; line-height: 20px; padding: 8px 10px 7px 7px; cursor: pointer; background: transparent; border: 0; } .mobile-wallet-section .wallet-info .top-content .member-action .seamless-control .auto-transfer { cursor: pointer; height: 0.46rem; width: 0.8rem; position: relative; margin: 0 0 0.04rem } .mobile-wallet-section .wallet-info .top-content .member-action .seamless-control .auto-transfer input { opacity: 0 } .mobile-wallet-section .wallet-info .top-content .member-action .seamless-control .auto-transfer .check { background: #ff8a00; border-radius: 0.4rem; cursor: pointer; height: 100%; width: 100%; position: absolute; top: 0; left: 0 } .mobile-wallet-section .wallet-info .top-content .member-action .seamless-control .auto-transfer input:checked ~ .check-btn { left: 46% } .mobile-wallet-section .wallet-info .top-content .member-action .seamless-control .auto-transfer .check-btn { position: absolute; top: 0.02rem; left: 0.02rem; width: 0.42rem; height: 0.42rem; border-radius: 0.4rem; background: #fff; transition: .3s } .standard-label { display: flex; align-items: center; color: #06c; width: 100%; font-size: .36rem; } .standard-button-container button:last-child { margin-right: 0 } .standard-submit-form-button, .standard-cancel-form-button { color: #fff } .standard-form-field-wrapper { position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap } .standard-form-field .standard-select { padding: 0.05rem 0.05rem 0.05rem 0.1rem; line-height: 1.5; -webkit-appearance: none; cursor: pointer } .standard-form-field .standard-input, .standard-form-field .standard-select { position: relative; width: 100%; height: 0.38rem; display: flex; align-items: center; padding: 0.05rem 0.05rem 0.05rem 0.1rem; border: 0.01rem solid #dbe0e4; border-radius: 0.05rem; background: #fff; color: #0f161f; font-family: nunito-semibold; white-space: nowrap; text-overflow: ellipsis } .standard-form-field .standard-select span:first-child { margin: 0 0.25rem 0 0 } .standard-form-field .standard-select span { overflow: hidden; white-space: nowrap } .standard-form-field .standard-select-arrow { position: absolute; right: 0.3rem; top: 0.14rem; border-width: 0 0.03rem 0.03rem 0; border-color: #afb3b6; border-style: solid; display: inline-block; width: 0.08rem; height: 0.08rem; transform: rotate(45deg) } .standard-mandatory::after { color: #e0082d; content: '\002A'; margin-left: 0.04rem; padding: 0 0.04rem 0 0 } .standard-form-field .standard-select-arrow.active { transform: translate(0%,50%) rotate(225deg) } .mobile-wallet-section { margin: 0 0 0.5rem } .mobile-wallet-section p { line-height: 1.15 } .mobile-wallet-section .wallet-info { background: #f3f5f6; font-size: .38rem } .mobile-wallet-section .wallet-info .top-content { display: flex; justify-content: space-between; padding: 0.4rem 0.35rem } .mobile-wallet-section .wallet-info .top-content .member-wallet { width: 53% } .mobile-wallet-section .wallet-info .top-content .member-wallet .wallet-header { display: flex; width: 100% } .mobile-wallet-section .wallet-info .top-content .member-wallet .wallet-header .title { word-break: unset; white-space: nowrap } .mobile-wallet-section .wallet-info .top-content .member-wallet .wallet-header .eye-icon { margin: 0 0 0 0.18rem; height: 0.3rem } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom { position: relative; display: flex; align-items: center; margin: 0.18rem 0 0; padding: 0.08rem 0.26rem; background: #fff; border-radius: 0.3rem; height: 0.9rem; } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .currency-label { display: flex; align-items: flex-end; height: 0.5rem; font-size: .26rem; color: #8899a4 } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .member-balance { font-size: .5rem; color: #005acc; margin: 0 0 0 0.12rem } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .mobile-beta-refresh { position: absolute; right: 0.3rem; width: 0.35rem; cursor: pointer } .mobile-wallet-section .wallet-info .top-content .member-action { display: flex; width: 47% } .mobile-wallet-section .wallet-info .top-content .member-action .action-box { display: flex; flex-direction: column; align-items: center; justify-content: space-between; width: 50%; margin: 0 0.05rem; padding: 0; text-align: center; } .mobile-wallet-section .wallet-info .top-content .member-wallet .wallet-header .eye-icon svg:not(:root) { overflow: visible } .mobile-beta-restore .st0 { fill: url(#mobile-beta-restore-SVGID_1_) } .mobile-wallet-section .wallet-info .top-content .member-action .action-box svg { height: auto; width: 1.1rem } svg:not(:root) { overflow: hidden; width: 100%; height: 100% } .mobile-wallet-section .idr_content_bottom li a { padding: 0.09rem 0; font-size: 0.35rem } .mobile-wallet-section .wallet-info .bottom-content { display: flex !important; justify-content: space-between; border-top: 0.02rem solid #dbe0e4; text-align: center; transition: .3s; opacity: 0; visibility: hidden; height: 0 } .mobile-wallet-section .wallet-info .bottom-content.show { padding: 0.35rem 0; opacity: 1; visibility: visible; height: auto } .mobile-wallet-section .wallet-info .top-content .short-action .action-box:first-child { border-right: 0.01rem solid #dbe0e4; } .mobile-wallet-section .collapse { display: flex; align-items: center; justify-content: center; background: #eaf5fa; height: 0.8rem; cursor: pointer } .mobile-wallet-section .collapse p { color: #04a8c2; margin: 0 0 0 0.28rem; line-height: 1.2; font-size: 0.38rem; } .mobile-wallet-section .collapse.show-more svg { transform: rotate(270deg) } .mobile-wallet-section .collapse svg { fill: #6da0dd; transform: rotate(90deg); width: 0.15rem; transition: .3s } .form-page-bg-color { background: white; } .m-forms-page { height: 100%; padding: 5px; background: #f3f5f6; color: #8697a2; } .m-forms-page .form-title { font-weight: 600; font-size: .5rem; color: #0f161f; text-align: center; } .m-forms-page .standard-select { border: 0.02rem solid #dbe0e4; color: #8899a4; } .m-forms-page .standard-error-validation { display: block; width: 100%; float: right; color: red; background: 0 0; font-size: .36rem; margin: 0rem 0 0 0.2rem; } .standard-button-container button:disabled { opacity: .5; } .m-forms-page .standard-form-field { position: relative; width: 100%; margin-bottom: 0.14rem; } @media screen and (max-width: 1200px) { .notification-container { max-width: 80%; min-width: 50%; } p { margin-bottom: 0.06rem } .mobile-wallet-section .wallet-info .top-content .member-action .action-auto-transfer .seamless-control.wallet-disable .check { background: #ababab } .standard-form-field .standard-input, .standard-form-field .standard-select { height: 0.95rem; padding: 0.05rem 0.4rem 0; background: #fff; color: #0f161f; border: 0.02rem solid #dbe0e4; border-radius: 0.15rem; font-weight: unset; font-style: unset; line-height: 1.5; } .standard-form-field .standard-select-arrow { right: 0.5rem; top: 0.32rem; border-width: 0 0.06rem 0.06rem 0; width: 0.2rem; height: 0.2rem; } } ::-webkit-input-placeholder { color: #9a9b9e; } :-ms-input-placeholder { color: #9a9b9e; } ::placeholder { color: #9a9b9e; } .user_info_box .reload svg { transition: transform 500ms cubic-bezier(0.85, -0.48, 0.26, 0.67); width: 0.52rem; height: 0.42rem; cursor: pointer; } .user_info_box .reload svg path { fill: #fff; } [uib-typeahead-popup].dropdown-menu { display: block; } .uib-time input { width: 50px; } [uib-tooltip-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-html-popup].tooltip.right-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.top-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-left > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.bottom-right > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.left-bottom > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-top > .tooltip-arrow, [uib-tooltip-template-popup].tooltip.right-bottom > .tooltip-arrow, [uib-popover-popup].popover.top-left > .arrow, [uib-popover-popup].popover.top-right > .arrow, [uib-popover-popup].popover.bottom-left > .arrow, [uib-popover-popup].popover.bottom-right > .arrow, [uib-popover-popup].popover.left-top > .arrow, [uib-popover-popup].popover.left-bottom > .arrow, [uib-popover-popup].popover.right-top > .arrow, [uib-popover-popup].popover.right-bottom > .arrow, [uib-popover-html-popup].popover.top-left > .arrow, [uib-popover-html-popup].popover.top-right > .arrow, [uib-popover-html-popup].popover.bottom-left > .arrow, [uib-popover-html-popup].popover.bottom-right > .arrow, [uib-popover-html-popup].popover.left-top > .arrow, [uib-popover-html-popup].popover.left-bottom > .arrow, [uib-popover-html-popup].popover.right-top > .arrow, [uib-popover-html-popup].popover.right-bottom > .arrow, [uib-popover-template-popup].popover.top-left > .arrow, [uib-popover-template-popup].popover.top-right > .arrow, [uib-popover-template-popup].popover.bottom-left > .arrow, [uib-popover-template-popup].popover.bottom-right > .arrow, [uib-popover-template-popup].popover.left-top > .arrow, [uib-popover-template-popup].popover.left-bottom > .arrow, [uib-popover-template-popup].popover.right-top > .arrow, [uib-popover-template-popup].popover.right-bottom > .arrow { top: auto; bottom: auto; left: auto; right: auto; margin: 0; } [uib-popover-popup].popover, [uib-popover-html-popup].popover, [uib-popover-template-popup].popover { display: block !important; } .uib-datepicker-popup.dropdown-menu { display: block; float: none; margin: 0; } .uib-button-bar { padding: 10px 9px 2px; } .uib-position-measure { display: block !important; visibility: hidden !important; position: absolute !important; top: -9999px !important; left: -9999px !important; } .uib-position-scrollbar-measure { position: absolute !important; top: -9999px !important; width: 50px !important; height: 50px !important; overflow: scroll !important; } .uib-position-body-scrollbar-measure { overflow: scroll !important; } .uib-datepicker .uib-title { width: 100%; } .uib-day button, .uib-month button, .uib-year button { min-width: 100%; } .uib-left, .uib-right { width: 100%; } [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none !important; } .alertify .ajs-header, .alertify .ajs-body, .alertify .ajs-body .ajs-content { font-size: 0.6em; } .alertify .ajs-footer .ajs-buttons .ajs-button { font-size: 0.4em; } .mDepositOption { border: 1px solid #ddd; width: 17%; height: 1rem; display: flex; justify-content: center; align-items: center; border-radius: 5px; } #gameTransfer { background: #eaecf0; } @keyframes transferDetailShow { from { top: 100%; } to { top: 0; } } @keyframes transferDetailHide { from { top: 0; } to { top: 100%; } } .game-transfer-content.showDetail { animation-name: transferDetailShow; animation-duration: 0.5s; animation-fill-mode: forwards; } .game-transfer-content.hideDetail { animation-name: transferDetailHide; animation-duration: 1s; animation-fill-mode: forwards; } .game-transfer-content { display: grid; grid-template-rows: 1.1rem 1fr; min-height: 100vh; width: 100%; position: fixed; top: 100%; z-index: 9999; background: #fff; } .game-transfer-content .transferTitle { display: grid; grid-template-columns: 1rem 1fr 1rem; background: #fff; } .game-transfer-content .transferTitle .titleText { font-size: 0.4rem; color: #959494; display: flex; justify-content: center; align-items: center; } #gameTransfer #gameTransferPage { padding: 0; overflow: auto; height: calc(100vh - 1.1rem); height: -moz-calc(100vh - 1.1rem); height: -webkit-calc(100vh - 1.1rem); } #gameTransfer #gameTransferPage .gametransferContent { text-shadow: none !important; } #gameTransfer #gameTransferPage .gametransferContent .bal-details { display: grid; grid-template-columns: 2fr 0.5rem 2fr; font-size: 0.46rem; text-align: center; background-color: #001752 !important; color: #fff; padding: 0.5rem 0; } #gameTransfer #gameTransferPage .gametransferContent .bal-details .left-info, #gameTransfer #gameTransferPage .gametransferContent .bal-details .right-info { display: grid; grid-auto-rows: 1fr 1fr; } #gameTransfer #gameTransferPage .gametransferContent .yellow-tag { font-weight: 700; color: #fcb813; } #gameTransfer #gameTransferPage .gametransferContent .input-content { margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .input-item > label { color: #001752; font-size: 0.36rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-input-text { height: 0.96rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-input-text input { background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 400; border-color: transparent !important; outline: none; font-weight: 700; } #gameTransfer #gameTransferPage .gametransferContent .input-content .amtSlider { -webkit-appearance: none; width: 9.6rem; height: 0.15rem; background: #d3d3d3; outline: none; opacity: 0.7; -webkit-transition: 0.3s; transition: opacity 0.3s; } #gameTransfer #gameTransferPage .gametransferContent .input-content .amtSlider:hover { opacity: 1; } #gameTransfer #gameTransferPage .gametransferContent .input-content .amtSlider::-webkit-slider-thumb { -webkit-appearance: none; appearance: none; width: 0.6rem; height: 0.6rem; border-radius: 100%; background: #ce1e1e; cursor: pointer; } #gameTransfer #gameTransferPage .gametransferContent .input-content .errMsg { font-size: 0.24rem; color: #f30101; float: right; margin-top: 0.25rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; height: 0.96rem; line-height: 0.96rem; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 0.85rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-select .select-arrow-div, #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-select > div:after { margin: 0; padding: 0; position: relative; left: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(images/mobile/transaction/icon_register_arrow.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 0.28rem; height: 0.18rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-select > div span { font-weight: 400 !important; display: inline-block; font-size: 0.36rem; color: #40434b; position: relative; top: -5px; } #gameTransfer #gameTransferPage .gametransferContent .input-content .ui-select > div select { height: 100% !important; } #gameTransfer #gameTransferPage .gametransferContent .input-content .btn-common { width: 100%; margin-top: 0.2rem; } #gameTransfer #gameTransferPage .gametransferContent .input-content .btn-sub { margin-top: 0.6rem; background: -webkit-linear-gradient(top, #f4f3f3, #e6e6e6) !important; background: linear-gradient(#f4f3f3, #e6e6e6) !important; color: #858585 !important; } .icon_home_logo_casino_AB { width: 100%; height: 100%; display: inline-block; background: url(images/menu/allbet_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_SA { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sa_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_EZUGI { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ezugi_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_XPG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/xpg_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_BBINC { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_SBOC { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sbo_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_DG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/dg_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_EG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/eg_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_AG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ag_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_PT { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pt_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_GP { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gp_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_BG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bg_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_SEXYB { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sexyb_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_MG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/mg_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_pragmatic { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pra_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_WM { width: 100%; height: 100%; display: inline-block; background: url(images/menu/wm_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_YEEBET { width: 100%; height: 100%; display: inline-block; background: url(images/menu/yeebet_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_casino_marbula2 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/marbula2_lc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_sbo { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sbobet_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_betswiz { width: 100%; height: 100%; display: inline-block; background: url(images/menu/betswiz_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_msport { width: 100%; height: 100%; display: inline-block; background: url(images/menu/msport_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_igk { width: 100%; height: 100%; display: inline-block; background: url(images/menu/igk_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_ninewickets { width: 100%; height: 100%; display: inline-block; background: url(images/menu/9wickets_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_sb88 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sb88_sport_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_hsport { width: 100%; height: 100%; display: inline-block; background: url(images/menu/hsport_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_ibc { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ibc_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_amblotto { width: 100%; height: 100%; display: inline-block; background: url(images/menu/lotto_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_luckysport { width: 100%; height: 100%; display: inline-block; background: url('images/menu/luckysport_menu_h.png') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_dreamexchange { width: 100%; height: 100%; display: inline-block; background: url('images/menu/dreamexchange_menu_h.png') no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_sport_cmd { width: 100%; height: 100%; display: inline-block; background: url(images/menu/cmd_sport_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_XE88 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/xe88_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_BETSOFT { width: 100%; height: 100%; display: inline-block; background: url(images/menu/betsoft_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_SG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sg_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_MONKEY888 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/monkey888_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_jdb { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jdb_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fish_jdb { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jdb_fishing_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_jpsoft { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jpsoft_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_CQ9 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/cq9_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_PTS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pt_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_crash_PTS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pt_crash_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_AGS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ag_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_BBINS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_GPS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gp_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_RT { width: 100%; height: 100%; display: inline-block; background: url(images/menu/rt_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_PRA { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pra_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_FG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/fg_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_RTG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/rtg_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_NETENT { width: 100%; height: 100%; display: inline-block; background: url(images/menu/netent_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_KIRON { width: 100%; height: 100%; display: inline-block; background: url(images/menu/kiron_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_PG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/playgo_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_MG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/mg_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_QS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/qs_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_GG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gg_fish_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_SG { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sg_fishing_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_BBINF { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_fish_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_JOKER { width: 100%; height: 100%; display: inline-block; background: url(images/menu/joker_fishing_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fish_cq9 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/cq9_fishing_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fishing_CF { width: 100%; height: 100%; display: inline-block; background: url(images/menu/cf_fish_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_4D { width: 100%; height: 100%; display: inline-block; background: url(images/menu/4d_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_GD4D { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gd4d_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_VR { width: 100%; height: 100%; display: inline-block; background: url(images/menu/vr_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_BBINF { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bbin_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_KY { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ky_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_askmelotto { width: 100%; height: 100%; display: inline-block; background: url(images/menu/askmelotto_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_keno_jili { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jili_keno_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_S918 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/918_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_S918K { width: 100%; height: 100%; display: inline-block; background: url(images/menu/918kaya_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_GW { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gw_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_PB { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pb_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_MEGA { width: 100%; height: 100%; display: inline-block; background: url(images/menu/mega_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_JOKER, .icon_home_logo_slot_JOKERX2, .icon_home_logo_slot_JOKERX5, .icon_home_logo_slot_JOKERX10 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/joker_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_SBOS { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sbo_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_PUSSY { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pussy_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_scr_LIVE { width: 100%; height: 100%; display: inline-block; background: url(images/menu/live22_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_VP { width: 100%; height: 100%; display: inline-block; background: url(images/menu/vpower_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_blueprint { width: 100%; height: 100%; display: inline-block; background: url(images/menu/blueprint_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_pocketgame { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pocketgame_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_XE { width: 100%; height: 100%; display: inline-block; background: url(images/menu/xe88_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_918kiss2 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/918kiss2_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_918kissh5 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/918kissh5_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_evo888 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/evo888_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_lionking { width: 100%; height: 100%; display: inline-block; background: url(images/menu/lionking_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_jk348 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jk348_menu_h.png) no-repeat; -webkit-background-size: 140% 70%; background-size: 140% 70%; background-position: center; } .icon_home_menu_lc { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/casino_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_slot { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_sport { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/sport_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_cricket { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/cricket_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_crash { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/crash_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_fishing, .icon_home_menu_more, .icon_home_menu_cockfight { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/fish_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_cockfight { background-image: url(images/menu/cockfight_menu.png); } .icon_home_menu_keno { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/keno_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_lottery { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/lottery_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_luckyspin { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/lottery_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .fas.fa-luckybox { background-image: url('../templateva102/images/menu/ico-luckybox.png'); background-size: 100%; height: 1rem; width: 1rem; } .fa-luckybox:before { content: unset; } .icon_home_menu_711 { width: 0.94rem; height: 0.94rem; display: inline-block; background: url(images/menu/711_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_ludobet { width: 1rem; height: 1rem; display: inline-block; background: url(images/menu/ludobet_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_menu_hotgames { width: 1rem; height: 1rem; display: inline-block; background: url(images/menu/hotgame_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .quick_pay_bank_stat_img { position: absolute; right: 0; max-height: 90px; height: 0.95rem; } .m_bank_online { background: #30e100; color: #fff; font-size: 0.2rem; padding: 0.03rem 0.1rem; height: 0.23rem; width: fit-content; margin-left: 8px; } #depositPage .ui-controlgroup-controls .radio-container { padding-left: 0.6rem; align-items: center; display: grid; grid-template-columns: auto 1.5rem; } .icon_my_account_member_group { width: 1.4rem; height: 1.6rem; object-fit: contain; display: inline-block; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_normal { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-normal.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_bronze { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-bronze.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_silver { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-silver.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_gold { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-gold.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_platinum { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-platinum.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_my_account_user_diamond { width: 1.4rem; height: 1.6rem; display: inline-block; background: url(../../../content/images/mobile/account/user-diamond.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon-smart { display: inline-block; } .account_input_item label { color: #6a8cb0; font-size: 0.36rem; } .account_input_item label span { color: red; display: inline-block; margin-left: 0.1rem; } .account_input_item label::after { content: "*"; color: red; display: inline-block; margin-left: 0.1rem; } .account_input_item .ui-input-text { height: 0.96rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; } .account_input_item .ui-input-text input { background: #e1e1e1; font-size: 0.36rem; padding: 0 0.5rem; height: 0.96rem; color: #40434b; font-weight: 400; border-color: transparent !important; outline: none; } .account_input_item .ui-input-text input::-webkit-input-placeholder { color: #40434b; font-weight: 400; } .account_input_item .ui-input-text input::-moz-placeholder { color: #40434b; font-weight: 400; } .account_input_item .ui-input-text input:-ms-input-placeholder { color: #40434b; font-weight: 400; } .account_input_item .ui-input-text input::-ms-input-placeholder { color: #40434b; font-weight: 400; } .account_input_item .ui-input-text input::placeholder { color: #40434b; font-weight: 400; } .account_select_item label { color: #6a8cb0; font-size: 0.36rem; } .account_select_item label span { color: red; display: inline-block; margin-left: 0.1rem; } .account_select_item label::after { content: "*"; color: red; display: inline-block; margin-left: 0.1rem; } .account_select_item .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; height: 0.96rem; line-height: 0.96rem; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; text-align: left; padding-left: 0.85rem; } .account_select_item .ui-select > div span { display: inline-block; font-size: 0.36rem; color: #40434b; font-weight: 400; position: relative; top: -8px; left: 3px; } .account_select_item .ui-select > div select { height: 100% !important; } #account_edit { padding: 0; } #account_edit .account_edit_top { border-top: 0.02rem solid #0066d1; border-bottom: 0.04rem solid #e2e2e2; height: 4.8rem; background: #eaecf0; padding: 0.48rem 0.6rem; font-size: 0.36rem; } #account_edit .account_edit_top > table { width: 100%; margin-bottom: 0.64rem; border-collapse: collapse; } #account_edit .account_edit_top > table tr > td:nth-child(1) { width: 5.26rem; } #account_edit .account_edit_top > table .account_info_key { color: #6a8cb0; } #account_edit .account_edit_top > table .account_info_value { color: #353941; } #account_edit .account_edit_bottom { margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; } #account_edit .account_edit_bottom .account_edit_bottom_item { margin-bottom: 0.5rem; } #account_edit .account_edit_bottom .account_edit_submit { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 0.6rem; width: 100%; margin: auto; } #account_change_pwd { padding: 0; } #clickpop { height: 100%; padding: 0; background: #e2e2e2; bottom: 0; margin-bottom: 0 !important; } #clickpop .back_to_home_btn { width: 100%; height: 100%; } #clickpop .popimg { width: 100%; height: 4.6rem; background: url(../../images/mobile/home/bg_register_banner.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #clickpop .poptext { padding: 0.3rem 1rem; font-size: 0.36rem; color: #6d6d6d; } #clickpop .poptext > p { margin-top: 0.64rem; } #clickpop .poptext .poptext_title { font-size: 0.48rem; color: #6a8cb0; font-weight: 700; } #clickpop .poptext .poptext_content > span { color: #6a8cb0; } #clickpop .poptext .poptext_content.bold { font-weight: 700; } .deposit-bank-account-img-icon-grid { display: grid; grid-template-columns: 12% 17% auto; align-items: center; } .most-play-container { padding: 0 0.3rem; margin-top: 15px; margin-bottom: 8px; } .most-play-container .most-play-title, .m-referral-container .referral-title, .app-download .app-download-title { font-family: "AvenirNextLTPro-BoldCn"; font-size: 0.38rem; font-weight: 700; padding-left: 4px; margin-bottom: 0; padding-top: 0.1rem; } .most-play-container .most-play-game-container-scroll { padding-right: 10px; position: relative; } .most-play-container .most-play-game-container-scroll:last-child { padding-right: 0; } .most-play-container .most-play-game-container { border-radius: 6px; box-sizing: border-box; display: grid; grid-auto-columns: 300px; grid-auto-flow: column; overflow-x: auto; } .most-play-container .most-play-game-container .most-play-game, .m-referral-container .refer-container { display: flex; flex-direction: column; border-bottom: #d8d8d8 1px solid; } .most-play-container .most-play-game-container .most-play-game { width: 5.56rem; height: 100%; padding: 0.25rem 0.6rem; z-index: 2; position: relative; background: 0 0; border-radius: 0.2rem; border-top: none; } .most-play-container .most-play-button { text-transform: uppercase; } .most-play-container .header-section { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: space-between; align-items: center; margin-bottom: 5px; } .most-play-container ._btns_1xx6z_28 { display: flex; align-items: center; gap: 8px; } .most-play-container ._btns_1xx6z_28 ._arrow_1xx6z_33 { display: flex; align-items: center; gap: 4px; padding: 4px; border-radius: 8px; background: rgb(215, 224, 235); } .most-play-container ._btns_1xx6z_28 ._arrow_1xx6z_33 ._left_1xx6z_40, .most-play-container ._btns_1xx6z_28 ._arrow_1xx6z_33 ._right_1xx6z_41 { display: flex; align-items: center; justify-content: center; padding: 9px 8px; border-radius: 8px; background: #fff; cursor: pointer; border: 1px solid rgb(222, 230, 240); background: white; } .most-play-container ._btns_1xx6z_28 ._left_1xx6z_40 img { padding: 4px; transform: rotate(90deg); } .most-play-container ._btns_1xx6z_28 ._right_1xx6z_41 img { padding: 4px; transform: rotate(-90deg); } .most-play-game-title { color: #1a1919; font-size: 0.38rem; font-weight: 700; padding-left: 4px; text-align: center; margin-top: 0.3rem; } .most-play-game-desc { color: #8d8484; font-size: 0.32rem; padding-left: 4px; margin-bottom: 10px; text-align: center; } .most-play-button { background: 0 0; border: none; color: #0066d1; font-size: 0.38rem; font-weight: 700; margin-top: auto; padding-bottom: 0.2rem; } .most-play-game-title-container { padding: 0 10px; box-sizing: border-box; /* height: 1.8rem;*/ display: contents; } .most-play-content ul { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-evenly; } .most-play-content ul li { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; min-width: 3.2rem; cursor: pointer; } .most-play-game-box { width: calc(100% - 10px); height: 70%; position: absolute; bottom: 0; left: 0; background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%); z-index: 1; border-radius: 0.2rem; } .most-play-game-image-container { display: flex; justify-content: center; height: 3.1rem; } .most-play-game img { width: 100%; height: 100%; border-radius: 0.3rem; } .m-maintenance-modal { max-width: 90%; margin: auto; margin-top: 30vh; text-align: center; } .m-maintenance-modal .modal-header { padding: 2%; padding-top: 0; } .m-maintenance-modal .close { float: right; font-size: 35px; line-height: 1; border: none; background-color: unset !important; color: red; } .m-maintenance-modal h4 { font-size: 42% !important; font-weight: 700; color: #6d6d6d !important; } .m-maintenance-modal .modal-body { font-size: 35%; padding: 8px; padding-bottom: 8%; color: #6d6d6d !important; } .m-maintenance-modal .remaining-digit { font-size: 120%; color: #fff; width: 30%; display: inline-block; margin: auto; background-color: #6a8cb0; border-radius: 25%; padding: 2px; height: 120%; } .remaining-measure { width: 18%; } @media only screen and (min-device-width: 1024px) { .m-maintenance-modal .remaining-digit { font-size: 100%; } .remaining-measure { font-size: 80%; width: 20%; } } .scroll-main-container { display: flex; flex-direction: column; padding-bottom: 1.2rem; } .scroll-content-wrapper { display: flex; flex: 1; min-height: 0; } .scroll-overflow-container { flex: 1; overflow-y: auto; } .recommend-container { border-top: 1px solid #0066d1; width: 100%; background-color: #fff; height: 4.9rem; position: fixed; z-index: 99; } .recommend-container p { font-size: 0.4rem; color: #000; margin: 10px; } .recommend-container .recommend-item-container { width: 94%; margin: 0 auto; margin-bottom: 12px; position: relative; height: 3.6rem; border: 1px solid #aec0d2; border-radius: 5px; background-image: -webkit-linear-gradient(#6c8eb1 10%, #fff 90%); background-image: -moz-linear-gradient(#6c8eb1 10%, #fff 90%); background-image: -ms-linear-gradient(#6c8eb1 10%, #fff 90%); background-image: -o-linear-gradient(#6c8eb1 10%, #fff 90%); background-image: linear-gradient(#6c8eb1 10%, #fff 90%); display: flex; overflow-x: scroll; } .recommend-container .recommend-item-container tr { display: flex; } .recommend-container .recommend-item-container .recommend-item { width: 30vw; margin: 1%; display: inline-block; } .recommend-container .recommend-item-container .recommend-item > span, .recommend-container .recommend-item-container .recommend-item > div { font-size: 0.26rem; display: block; margin-top: -8%; color: #6d6d6e; } .recommend-container .recommend-item-container .recommend-item > div { margin-top: 2%; color: #6a8cb0; } .filtering-no-extend { margin-top: 0; } .recommended-silder .slider { position: static !important; } .recommended-silder .slide_point { position: fixed; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; top: 5.4rem; left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .floating-download .recommended-silder .slide_point { top: 6.9rem; } @media screen and (orientation: portrait) { .recommend-container { display: block; } .filtering-container.slot-filtering { margin-top: 4.9rem; } .filtering-container.slot-filtering.filtering-no-extend { margin-top: 0; } } @media (min-width: 400px) { .recommended-silder .slide_point { top: 5.3rem; } .floating-download .recommended-silder .slide_point { top: 6.8rem; } } @media (min-width: 475px) { .recommend-container { height: 4.8rem; } .filtering-container.slot-filtering { margin-top: 4.8rem; } .recommended-silder .slide_point { top: 5.2rem; } .floating-download .recommended-silder .slide_point { top: 6.7rem; } } @media (min-width: 600px) { .recommend-container { height: 4.6rem; } .filtering-container.slot-filtering { margin-top: 4.6rem; } .recommended-silder .slide_point { top: 5.1rem; } .floating-download .recommended-silder .slide_point { top: 6.6rem; } } @media (min-width: 975px) { .recommend-container { height: 4.3rem; } .recommend-container .recommend-item-container { height: 3.3rem; } .filtering-container.slot-filtering { margin-top: 4.3rem; } .recommended-silder .slide_point { top: 4.8rem; } .floating-download .recommended-silder .slide_point { top: 6.3rem; } } @media (min-width: 1150px) { .recommended-silder .slide_point { top: 4.5rem; } .floating-download .recommended-silder .slide_point { top: 6rem; } } @media screen and (orientation: landscape) { .recommend-container { display: none; } .filtering-container.slot-filtering { margin-top: 0; margin-top: 0; } } .recommended-silder .slide_point li { padding: 0; width: 0.24rem; height: 0.24rem; background: transparent; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); margin: 0 0.03rem; border: 0.06rem solid #0066d1; -webkit-border-radius: 100%; border-radius: 100%; } .recommended-silder .slide_point li.on { background: #0066d1; } .recommended-silder .slider .page_item { position: absolute; margin: 2%; width: 96%; text-align: center; } .recommended-silder .slider .page_item.enter-active, .recommended-silder .slider .page_item.leave-active { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .recommended-silder .slider .page_item.enter { -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } .recommended-silder .slider .page_item.leave-to { -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); } .recommended-silder .slider.right .page_item.enter { -webkit-transform: translateX(-110%); -ms-transform: translateX(-110%); transform: translateX(-110%); } .recommended-silder .slider.right .page_item.leave-to { -webkit-transform: translateX(110%); -ms-transform: translateX(110%); transform: translateX(110%); } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-ms-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes marquee { 50%, 0% { transform: translate(0, 0); } 90%, 100% { transform: translate(-50%, 0); } } .removeBottomGrid { grid-template-rows: 1.1rem 1fr !important; } .floating-download.removeBottomGrid { grid-template-rows: 2.6rem 1fr !important; } .m-referral-container { font-size: 0.38rem; margin: 15px 0; padding: 0 0.3rem; } .m-referral-container .refer-container { width: auto; height: auto; padding: 0.5rem; } .m-referral-container .refer-container .referralRow1 { display: flex; margin-bottom: 0.32rem; font-size: 0.3rem; line-height: 0.33rem; } .m-referral-container .refer-container .referralRow1 img { height: 2rem; margin-right: 0.5rem; } .m-referral-container .refer-container .referralRow1 .percentage { font-size: 0.5rem; font-weight: 600; margin-bottom: 0.3rem; } .m-referral-container .refer-container .referralRow1 .percentage .title { color: #4e4e4e !important; } .m-referral-container .refer-container .referralRow1 .bonus { color: #585858; font-size: 0.5rem; height: 0.5rem; line-height: 0.5rem; } .m-referral-container .refer-container .referralRow2 { font-size: 0.32rem; margin-bottom: 0.36rem; } .m-referral-container .refer-container .referralRow3, .history_content .referralTop .referCode { display: flex; height: 1rem; line-height: 1rem; } .m-referral-container .refer-container .referralRow3 .referralCode, .history_content .referralTop .referralCode { width: 100%; margin-right: 3%; border: dashed 1px #000; border-radius: 4px; background-color: #fff; padding: 0 0.3rem; color: #000; font-weight: 700; } .m-referral-container .refer-container .referralRow3 .referralShare, .history_content .referralShare { border-radius: 4px; background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); color: #fff; font-size: inherit; text-align: center; width: 36%; height: 1rem; display: inline-block; } .history_content .referralMid .referralShare { width: 100%; font-size: 0.46rem; line-height: 1rem; } .m-referral-container .refer-container .referralRow3 .referralShare img, .history_content .referralTop .referralShare img { max-height: 16px; vertical-align: middle; height: 100%; padding-bottom: 0.1rem; } .history_content { font-size: 0.36rem; } .history_content .referralTop { background-color: #fcb811; height: 2.4rem; padding: 0.6rem 0.8rem; font-size: 0.3rem; color: #000; } .history_content .referralTop .referCode { margin-top: 0.5rem; font-size: 0.4rem; } .history_content .referralMid { padding: 0.3rem; padding-bottom: 0.9rem; border-bottom: 0.06rem solid #e2e2e2; } .history_content .referralMid .referralRadio { width: 5%; } .history_content .referralMid .referralOption { color: #000; width: 80%; font-weight: 700; line-height: 0.96rem; } .history_content .referralMid .referralOption .ticket { background-size: cover; width: 3.96rem; margin-left: 0.21rem; line-height: 1.3; padding: 0.36rem; } .history_content .referralMid .referralOption .ticketDesc { display: flex; font-weight: 500; font-size: 0.33rem; color: #fff; } .history_content .referralMid .referralOption .ticketDesc div { width: 2.76rem; } .history_content .referralBtm { padding: 0.3rem; font-weight: 700; color: #000; } .history_content .referralBtm .referralDesc, .history_content .referralBtm .referralDigit { padding: 0.15rem; padding-left: 0.3rem; border-bottom: 1px solid #fff; font-size: 0.32rem; } .history_content .referralBtm .referralDesc { background-color: #858585; color: #fff; font-weight: 500; } .history_content .referralBtm .referralDigit { background-color: #e5e5e5; font-weight: 600; } .m-termNCondition { font-size: 0.32rem; background-color: #e1e1e1; color: #6a6a6a; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .m-termNCondition .header { font-size: 0.42rem; display: flex; white-space: nowrap; text-align: center; margin: 0.3rem auto; color: #000; background-color: transparent; } .m-termNCondition .descBox .desc { display: inline; display: flex; margin: 0 0.6rem; } .m-termNCondition .descBox .desc div { width: 95%; } .m-termNCondition .descBox .order { width: 5% !important; } .m-termNCondition .descBox .desc span { color: #005ad5; } .m-termNCondition .buttonClose { text-align: center; color: #fff; font-size: 0.46rem; width: 3.6rem; height: 1rem; line-height: 1rem; background-color: #777; margin: 0.6rem auto; border-radius: 6px; } .m-termNCondition .termNCondition-note { color: red; font-weight: 700; position: relative; bottom: 0.3rem; left: 0.5rem; } .download-container .appInstall .downloadButtonContainer { display: flex; align-items: center; justify-content: center; } .download-container .appInstall .downloadButtonContainer .downloadButton { display: inline-flex; width: auto; height: 1rem; line-height: 1rem; padding: 0.15rem 0.32rem; margin-right: 0.5rem; color: #0066d1; font-size: 0.42rem; background-color: #f2f2f2; } .download-container .appInstall .downloadButtonContainer .downloadButton img { width: 1rem; height: 1rem; margin-right: 0.2rem; } .download-container .appInstall .instruction { padding: 0 0.72rem; font-size: 0.42rem; } .download-container .appInstall .instruction .title { color: #0066d1; font-weight: 700; margin: 0.3rem 0; } .download-container .appInstall .instruction .guide { display: flex; font-size: 0.36rem; margin: 0.1rem 0; } .download-container .appInstall .instruction .guide div { width: 85%; } .download-container .appInstall .instruction .guide .step { width: auto !important; font-weight: 700; padding-right: 0.2rem; white-space: nowrap; } .m-ad_popup { position: fixed; top: 0; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.5); width: 100vw; height: 100vh; z-index: 9999; } .m-popup_close { position: fixed; z-index: 9; margin-top: -0.5rem; margin-right: 0; margin-left: -0.3rem; } #aboutUsPage { padding: 0; } #aboutUsPage .history_nav { height: 1.32rem; background: #0066d1; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; } #aboutUsPage .history_nav .tabs { padding-inline-start: 0; } #aboutUsPage .history_nav li a { width: max-content; display: flex; font-size: 0.36rem; color: #eaecf0; padding: 0 7px; } #aboutUsPage .history_nav li a.on { color: #fdb70e; } #aboutUsPage .history_nav li a span { white-space: nowrap; } #aboutUsPage .history_nav li:first-child { padding-left: 15px; } #aboutUsPage .history_nav li:last-child { padding-right: 15px; } #aboutUsPage .history_nav li a.on { color: #fdb70e; } .floating-app-download { display: grid; grid-template-columns: 1rem 1.2rem 5.2rem auto; height: 1.5rem; background: #e7e7e7; } .floating-app-download .close-button { display: flex; justify-content: center; align-items: center; font-size: 0.6rem; color: #a9a9a9; } .floating-app-download .device-icon { display: flex; justify-content: center; align-items: center; } .floating-app-download .device-icon img { max-height: 36px; } .floating-app-download .desc-container { display: grid; grid-template-rows: 1fr auto auto 1fr; margin-left: 0.3rem; } .floating-app-download .desc-container .title-desc { font-size: 0.4rem; } .floating-app-download .desc-container .detail-desc { font-size: 0.28rem; } .floating-app-download .download-container { width: auto; display: flex; align-items: center; justify-content: center; } .floating-app-download .download-container > .download-btn { font-size: 0.4rem; border-radius: 0.12rem; padding: 0.21rem 0.2rem; background-color: #c9c9c9; color: #fff; } .floating-app-download .download-container > .download-btn > span { top: 0 !important; } .floating-app-download .download-container img { height: 0.8rem; } .app-download { padding-bottom: 5px; } .app-download .app-download-container { background: #ffb70a; padding: 0.5rem 0.6rem; } .app-download .app-download-container .download-lite-app-title { display: flex; position: relative; font-weight: 900; font-size: 3.5vw; top: -4px; width: 100%; color: #fff; left: 3.9rem; } .app-download .app-download-container img { height: 2rem; } .app-download .app-download-container .title-container { display: flex; } .app-download .app-download-container .title-container .desc-container { margin-left: 0.5rem; padding-top: 0.3rem; padding-bottom: 0.3rem; color: #000; } .app-download .app-download-container .title-container .title { font-size: 0.38rem; } .app-download .app-download-container .title-container .desc { font-size: 0.7rem; font-weight: 900; } .app-download .app-download-container .download-container { display: flex; margin-bottom: 0.3rem; width: 6.3rem; position: relative; top: 0.3rem; left: 2.9rem; flex-direction: row; flex-wrap: nowrap; align-content: space-around; justify-content: center; align-items: center; justify-items: center; } .app-download .app-download-container .download-container .download-button { height: 1.16rem; padding-left: 0.05rem; background: #f2f3ee; font-size: 0.35rem; color: #000; display: flex; align-items: center; width: 3rem; } .app-download .app-download-container .download-container .download-button span { margin-left: 0.1rem; } .app-download .app-download-container .download-container .download-button img { height: 1rem; } .app-download .app-download-container .download-container .download-desc { font-size: 0.32rem; margin-top: 0.3rem; } .app-download .app-download-container .download-guide { color: #fff; font-size: 0.32rem; margin-top: 0.15rem; text-decoration: underline; } .app-download-instruction { font-size: 0.32rem; background-color: #e1e1e1; color: #6a6a6a; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .app-download-instruction .header-container { font-size: 0.42rem; white-space: nowrap; text-align: center; margin: 0.15rem auto; color: #000; background-color: transparent; position: relative; } .app-download-instruction .header-container .close-button { position: absolute; color: red; top: 0; right: 0.35rem; font-size: 0.55rem; } .app-download-instruction .descBox .desc { display: inline; display: flex; margin: 0 0.6rem; } .app-download-instruction .descBox .desc div { width: 95%; } .app-download-instruction .descBox .order { width: 5% !important; } .app-download-instruction .descBox .desc span { color: #005ad5; } .match-top { position: relative; right: 0; overflow-x: hidden; text-align: center; font-size: 0.42rem; font-weight: 700; color: #fff; width: 60%; } .match-top .match-video { height: 30vh; } .match-top .match-video-style { background-color: #177171; background-image: url(../../images/glivetv/video-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; font-size: 0.32rem; font-weight: 500; } .match-top .match-video .not-live { width: 70vw; margin: 0 auto; padding-top: 10vh; } .match-top .match-video .not-live img { height: 12vw; padding: 0 6vw; margin: 1vh 0; } .match-top .match-info { display: flex; padding: 0 0.3rem; } .match-top .match-info-style { background: #f7f7f7; background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 99%); background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%); border-bottom: #ff025d solid 2px; } .match-top .match-info .home, .match-top .match-info .away { display: inline-block; width: 4rem; font-size: 0.4rem; color: #000; word-wrap: break-word; white-space: nowrap; overflow: scroll; font-weight: 750; } .match-top .match-info .home img, .match-top .match-info .away img { width: 1.58rem; } .match-top .glive-title-img img { width: 50%; margin-top: 3%; } .match-top .match-info .date-time { display: inline-block; width: 50vw; } .match-top .match-info .date-time .versus { padding-top: 0.6rem; padding-bottom: 0.12rem; color: #00f4f4; } .match-top .match-info .date-time .match-date { line-height: 0.6rem; font-weight: 500; font-size: 0.36rem; color: #6f6f6f; } .match-top .match-status .match-time { margin: 0 0.3rem; line-height: 0.6rem; background-color: #ff025c; color: #fff; } hr.new1 { border-top: #ff025d solid 2px; border-radius: 3px; } .mleaderboard-heading { display: flex; background-color: #363942; color: #fff; font-size: 0.5rem; padding: 3%; } .mleaderboard .toggle-down { max-height: 5rem; -webkit-transition: height, 0.3s linear; -moz-transition: height, 0.3s linear; -ms-transition: height, 0.3s linear; -o-transition: height, 0.3s linear; transition: height, 0.3s linear; } .mleaderboard-turnover-breakdown { background-color: #ebecf1; max-height: 5rem; padding: 0.5rem 0.3rem; font-size: 0.4rem; color: #000; } .mleaderboard-turnover-breakdown .history-search { position: fixed; background: #fff; width: 90%; margin: 0 5%; left: 0; z-index: 6; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; visibility: hidden; opacity: 0; transition: opacity 0.3s linear; } .mleaderboard-turnover-breakdown .history-search .close-search { position: absolute; width: 0.55rem; right: 0.4rem; top: 0.3rem; } .mleaderboard-turnover-breakdown .history-search-open { visibility: visible; opacity: 1; } .mleaderboard-turnover-breakdown .history-search .hs-desc { text-align: center; padding: 0.2rem; padding-top: 0.3rem; color: #658cb5; font-weight: 700; font-size: 0.45rem; } .mleaderboard-turnover-breakdown .history-search .hs-option { display: flex; justify-content: center; } .mleaderboard-turnover-breakdown .history-search .search-btn { padding: 0; display: flex; height: 0.9rem; line-height: 0.9rem; font-size: 0.4rem; color: #000; font-weight: 500; } .mleaderboard-turnover-breakdown .history-search .search-btn .select-arrow-div { left: 0.3rem; } .mleaderboard-turnover-breakdown .history-search .search-btn span { position: relative; left: 0.6rem; } .mleaderboard-turnover-breakdown .history-search .hs-option .select-option { width: 4.2rem; margin: 0.1rem; color: #668bb5; } .mleaderboard-turnover-breakdown .history-search .hs-option .select-option .ui-select > div { -webkit-box-sizing: border-box; box-sizing: border-box; border: none; border-top: 0.04rem solid #bfbfbf; background: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; } .mleaderboard-turnover-breakdown .history-search .hs-button { padding: 0.3rem 0.6rem; padding-top: 0.1rem; } .mleaderboard-turnover-breakdown .history-search .hs-button > button { width: 3.9rem; height: 0.9rem; line-height: 0.9rem; font-size: 0.4rem; } .mleaderboard-turnover-breakdown .history-search .hs-option select { width: 4.2rem; } .mleaderboard-turnover-breakdown .four-categories { display: flex; margin-top: 0.3rem; } .mleaderboard-turnover-breakdown .four-categories .category { width: 25%; text-align: center; } .mleaderboard-turnover-breakdown .four-categories .category div:first-child { color: #004a98; display: flex; justify-content: center; align-items: center; margin-top: 0.1rem; margin-bottom: 0.3rem; } .mleaderboard-turnover-breakdown .four-categories .category div:nth-child(2) { font-size: 0.65rem; display: flex; justify-content: center; align-items: center; } .mleaderboard-turnover-breakdown .four-categories .category div:nth-child(2) span { font-size: 0.4rem; margin-left: 0.15rem; } .mleaderboard-turnover-breakdown .four-categories .category div:first-of-type img { width: 0.8rem; margin-right: 0.1rem; } .mleaderboard-turnover-breakdown .four-categories .category .rank-compare.rankup { color: #30e100; } .mleaderboard-turnover-breakdown .four-categories .category .rank-compare.rankdown { color: #cc1800; } .mleaderboard-content { position: relative; z-index: 2; min-height: 6rem; background-color: #ebecf1; } .mleaderboard-toggle { width: 100%; background-color: #0760de; color: #fff; font-size: 0.4rem; text-align: center; } .mleaderboard-toggle .toggle { width: auto; margin: 0 1.2rem; } .mleaderboard-toggle .toggle div:first-of-type { padding: 0.3rem 0.1rem; padding-top: 0.5rem; } .mleaderboard-toggle .toggle div:nth-child(2) { padding-bottom: 0.1rem; } .mleaderboard-toggle .toggle hr { height: 0.08rem; border: none; background-color: #fdb813; margin-top: 0; margin-bottom: 0; } .mleaderboard-rank { width: auto; margin: 0.2rem 0.3rem; background: -webkit-linear-gradient(#fff 30%, #f6d15f 80%); background: -o-linear-gradient(#fff 30%, #f6d15f 80%); background: linear-gradient(#fff 30%, #f6d15f 80%); -webkit-border-radius: 0.2rem; border-radius: 0.2rem; font-size: 0.3rem; padding: 0.2rem; padding-bottom: 0; } .mleaderboard-rank hr { border: none; background-color: #fff; height: 0.05rem; margin-top: 0; margin-bottom: 0; } .mleaderboard-rank .categories { display: flex; } .mleaderboard-rank .categories div { width: 25%; display: flex; justify-content: center; align-items: center; padding: 0.2rem 0; } .mleaderboard-rank .category-selected { color: #0760de; } .mleaderboard-rank .categories img { width: 36%; padding-right: 0.2rem; } .mleaderboard-rank .member-rank { display: flex; justify-content: left; align-items: center; overflow: overlay; } .mleaderboard-rank .member-rank img { width: 69%; } .mleaderboard-rank .member-rank div { width: 17%; text-align: center; padding: 0.2rem 5px; } .mleaderboard-rank .member-rank .rank-selected { background-color: #fdb813; padding: 0.2rem 5px; } .content-list { width: auto; margin: 0.2rem 0.3rem; background-color: #fff; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; font-size: 0.3rem; padding: 0.2rem; } .mleaderboard-row { display: flex; padding: 0.25rem 0; font-size: 0.35rem; height: 0.9rem; color: #000; } .mleaderboard-row-1.rank-row-1.currentMember, .mleaderboard-row-1.rank-row-2.currentMember, .mleaderboard-row-1.rank-row-3.currentMember, .mleaderboard-row-1.rank-row-4.currentMember, .mleaderboard-row-1.currentMember { border: 0.1rem solid #fdb813 !important; background-color: #e5e5e5; } .mleaderboard-row-1.currentMember .mleaderboard-row-0 { margin-top: 0 !important; } .mleaderboard-row div { display: flex; justify-content: center; align-items: center; text-transform: uppercase; } .mleaderboard-row img { width: 0.95rem; top: -0.09rem; position: relative; } .mleaderboard-row-1 { border: 0.1rem solid transparent; margin-top: 0.07rem !important; } .mleaderboard-row-1.rank-row-1, .mleaderboard-row-1.rank-row-2, .mleaderboard-row-1.rank-row-3, .mleaderboard-row-1.rank-row-4 { border-top: none !important; } .mleaderboard-row-1.rank-row-1 .mleaderboard-row-0 > div, .mleaderboard-row-1.rank-row-2 .mleaderboard-row-0 > div, .mleaderboard-row-1.rank-row-3 .mleaderboard-row-0 > div { color: #fff; } .mleaderboard-row-1.rank-row-1 .mleaderboard-row-0 { background-color: #013b7a; } .mleaderboard-row-1.rank-row-2 .mleaderboard-row-0 { background-color: #014da1; } .mleaderboard-row-1.rank-row-3 .mleaderboard-row-0 { background-color: #256ab7; } .mleaderboard-row div:first-child, .mleaderboard-row div:last-child { width: 15%; text-align: center; } .mleaderboard-row div:nth-child(2) { width: 35%; } .mleaderboard-row div:nth-child(3) { width: 35%; text-align: center; } .mleaderboard-row .marquee-1 { animation: marquee-extend 5s linear infinite alternate; width: 100% !important; } .mleaderboard-row .ranking-title { display: inline-block; } .mleaderboard-row .ranking-wrapper { overflow: hidden; white-space: nowrap; justify-content: flex-start; width: 50% !important; } .mleaderboard-row .ranking-point { width: 20% !important; } @keyframes marquee-extend { 50%, 0% { transform: translate(0, 0); } 90%, 100% { transform: translate(-80%, 0); } } .content-list .point-row div:nth-child(2) { width: 45% !important; } .content-list .point-row div:nth-child(3) { width: 40% !important; } .mleaderboard-tnc { font-size: 0.4rem; text-align: center; font-weight: 600; color: #307ed3; } .mleaderboard-tnc div { padding: 0.2rem; padding-bottom: 2rem; } .m-termNCondition.m-leaderboard-tnc-dialog { background-color: #fff; } .m-termNCondition .close-tnc { width: 0.6rem; position: absolute; right: 0.3rem; top: 0.3rem; } .main_wallet_font { font-size: 0.45rem; width: 7.7rem; font-weight: 300 !important; } .m-ok-dialog .close-button { position: absolute; color: red; top: 0; right: 0.35rem; font-size: 0.55rem; } .homepage-div-hr { height: 0.04rem; background-color: #e2e2e2; border: none; margin-top: 0; margin-bottom: 0; } .m-ok-dialog { font-size: 0.32rem; background-color: #e1e1e1; color: #6a6a6a; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; } .m-ok-dialog .header { font-size: 0.42rem; display: flex; white-space: nowrap; text-align: center; margin: 0.3rem auto; color: #000; background-color: transparent; } .header .headertitle { line-height: 33px; padding-left: 10px; color: #6a8cb0; font-weight: 700; } .m-ok-dialog .descBox .desc { display: inline; display: flex; margin: 0 0.6rem; } .m-ok-dialog .descBox .desc div { width: 95%; } .m-ok-dialog .descBox .order { width: 5% !important; } .m-ok-dialog .descBox .desc span { color: #005ad5; } .m-ok-dialog .buttonClose { text-align: center; color: #fff; font-size: 0.46rem; width: 3.6rem; height: 1rem; line-height: 1rem; background-color: #777; margin: 0.6rem auto; border-radius: 6px; } .m-banner-container { width: 100%; height: auto; } #mTncPage .history_nav { height: 1.32rem; background: #0066d1; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; } #mTncPage .history_nav .tabs { padding-inline-start: 0; } #mTncPage .history_nav li a { width: max-content; display: flex; font-size: 0.36rem; color: #eaecf0; padding: 0 7px; } #mTncPage .history_nav li a.on { color: #fdb70e; } #mTncPage .history_nav li a span { white-space: nowrap; } #mTncPage .history_nav li:first-child { padding-left: 15px; } #mTncPage .history_nav li:last-child { padding-right: 15px; } #mTncPage .history_nav li a.on { color: #fdb70e; } .gameMecha-top-container { background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%); height: 3rem; padding: 0.5rem; margin-bottom: 0.2rem; } .icon-size { width: 1rem; padding-left: 0.47rem; display: inline-flex; } .rank-row { width: 1rem; padding-left: 0.25rem; display: inline-flex; font-size: 14px; } .table-body { padding-left: 0.25rem; } .odd-row { background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 99%); } .more-details-container { width: 100%; display: flex; position: relative; justify-content: center; margin-top: 0.5rem; } .more-details-btn { position: relative; display: flex; justify-content: center; align-content: center; font-size: 14px; padding: 0.2rem; background-color: #9a9b9e; border-radius: 3px; color: #fff; } .more-tnc-container { width: 95%; background-color: #e9e9e9; padding: 0.3rem; } .more-tnc-details { font-size: 14px; line-height: 2; text-align: left; margin-top: 0.8rem; } .more-tnc-details .lb-bold { font-weight: 700; font-size: 15px; margin-top: 0.3rem; margin-bottom: 0.3rem; } .more-tnc-details li { display: list-item; list-style: decimal; } .more-tnc-details ol { padding-inline-start: 20px; padding-inline-end: 10px; text-align: justify; } .x-btn-container { float: right; position: relative; } .img-container { padding: 0.5rem; } .prize-container { padding: 0.5rem; height: auto; } .prize-container .close-tnc { width: 0.6rem; position: absolute; right: 0.3rem; top: 0.2rem; } .prize-title { color: #6a8eb2; font-size: 0.8rem; font-weight: 700; } .prize-info { font-weight: 100; font-size: 0.4rem; margin-left: 4px; } .btnClose-container { width: 100%; display: flex; position: relative; justify-content: center; margin-top: 1rem; } .buttonClose { position: relative; display: flex; justify-content: center; align-content: center; font-size: 14px; padding: 0.2rem; background-color: #9a9b9e; border-radius: 3px; color: #fff; width: 2rem; } .member-benefit-container { display: block; margin-left: 25px; margin-right: 25px; text-align: justify; } .member-benefit { width: 100%; height: 40px; background: linear-gradient(#940014, #cc001b); color: #fff; padding: 0 6px; text-align: center; border-radius: 0.1rem; border: 0; } .popup-member-benefit-container .member-benefits.header { color: #54b2db; display: none; } .popup-member-benefit-container .member-benefits.body { color: #000; padding: 0.1rem 0 0.2rem 0.5rem; margin-left: -22px; font-size: 0.36rem; } .popup-member-benefits { top: 30%; margin: 0; display: flex; justify-content: center; } .popup-member-benefit-header { border-bottom: none !important; padding: 0.4rem; } .popup-member-benefit-container-close { width: 20px; color: red !important; font-size: 0.6rem !important; } .popup-member-benefit-container .modal-body { padding: 2px 35px 10px; } .popup-member-benefit-container h5 { font-size: 0.36rem; } .popup-member-benefit-container button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .popup-member-benefit-container .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .member-benefits.body li { list-style: unset; line-height: unset !important; padding: 0 !important; } .m-popup-announcement { top: 30%; margin: 0; justify-content: center; } .m-popup-announcement .modal-dialog { font-size: 12px; font-family: Arial, Helvetica, sans-serif; width: -webkit-fill-available; width: -moz-available; } .m-popup-announcement .modal-content { background: rgba(255, 255, 255, 1); color: #000; } .m-popup-announcement .modal-title { text-align: center; } .m-popup-announcement .modal-header { padding: 0.3rem; } .m-popup-announcement .modal-header h4 { font-size: 0.37rem; } .m-popup-announcement button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .m-popup-announcement .close { float: right; font-size: 0.6rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .m-popup-announcement .m-popup-announcement-content { font-size: 0.36rem; color: #000; padding: 10px; font-family: Arial, Helvetica, sans-serif; text-align: center; } .m-popup-announcement .modal-body hr { border-bottom: 1px dotted grey; width: 20%; margin-top: 20px; margin-bottom: 20px; border-top: 1px solid #eee; display: block; unicode-bidi: isolate; margin-block-start: 0.5em; margin-block-end: 0.5em; margin-inline-start: auto; margin-inline-end: auto; overflow: hidden; border-width: 1px; } .m-popup-announcement .modal-footer { padding: 0.3rem; } .m-popup-announcement .modal-footer label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; font-size: 0.32rem; } .m-popup-announcement .modal-footer .m-popup-announcement-checkbox { float: left; padding-top: 0.2rem; } .m-popup-announcement .modal-footer .m-popup-announcement-checkbox input { width: 0.3rem; height: 0.3rem; } .m-popup-announcement .modal-footer .btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 0.1rem 0.3rem; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .m-popup-announcement .modal-footer .btn-default { color: #333; background-color: #fff; border-color: #ccc; font-size: 0.36rem; } @media (min-width: 768px) { .m-popup-announcement .modal-dialog { width: 730px; margin: 30px auto; } } @media (min-width: 992px) { .m-popup-announcement .modal-dialog { width: 970px; } } #payment_guide { margin: 0 auto; width: 90%; height: 50%; display: block; top: 15%; border-radius: 0.3rem; border: 1px solid rgba(0, 0, 0, 0.2); } #payment_guide > .modal-body { width: 100%; height: 90%; background-color: transparent; padding: 0; } #payment_guide > .modal-footer { background: #fff; padding: 15px 0; text-align: left; font-size: 18px; } #payment_guide > .modal-header { border: 0; } #payment_guide > .modal-header > .modal-title { font-size: 20px; line-height: 43px; margin: 0 10px; color: #7495b6; } .payment_guide_content_img { height: 90%; width: 93%; object-fit: fill; margin-left: 4%; } .payment_guide_close { float: right; background: none; color: red; margin-right: 5px; } .noShowPaymentGuide { font-size: 14px; } #Annoucement > .modal-dialog > .modal-content > .modal-header > .close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } #Annoucement > .modal-dialog > .modal-content > .modal-header > .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #Annoucement > .modal-dialog > .modal-content > .modal-header > button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #Annoucement > .modal-dialog > .modal-content > .modal-body > div > hr { border: 0; border-top: 1px solid #eee; margin: 20px auto; } #Annoucement > .modal-dialog > .modal-content > .modal-footer > div > label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: 700; } #Annoucement.centered-modal.in { display: flex !important; } #Annoucement.centered-modal .modal-dialog { margin: auto; } #Annoucement > .modal-dialog > .modal-content > .modal-header > h4, .h4 { font-size: 18px; font-weight: 500; } #Annoucement > .modal-dialog > .modal-content > .modal-footer > .btn { padding: 4px 10px; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #Annoucement > .modal-dialog > .modal-content > .modal-footer > .btn-default { color: #333; background-color: #fff; border-color: #ccc; } #Annoucement > .modal-dialog > .modal-content > .modal-footer > div > #unsubscribe { margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } .mobile-tnc { font-size: 0.36rem; } .mobile-tnc .center { margin-left: auto; margin-right: auto; display: block; } .mobile-tnc .info-centre { font-family: Arial; color: #8d8d8d; text-align: center; margin-left: auto; margin-right: auto; font-size: 13px; border-right: none; padding: 0 10px; display: inline-flex; } .mobile-tnc .info-centre-header { background-color: #0166d2; text-align: center; padding: 10px 15px; font-family: Arial; margin: 0 auto; } .mobile-tnc .info-centre-container { max-width: 960px; margin: 0 auto; } .mobile-tnc .info-centre-content { background-color: #fff; width: 100%; display: inline-block; } .mobile-tnc .info-centre-img { margin-left: auto; margin-right: auto; position: relative; display: block; height: 1.3rem; } .mobile-tnc .info-centre a { color: #8d8d8d; text-decoration: none; font-weight: 700; font-size: 0.33rem; } .mobile-tnc .info-menu { width: 100%; display: flex; margin-bottom: 0.3rem; } .mobile-tnc .info-menu > .active > a, .mobile-tnc .info-centre > .active, .mobile-tnc info-centre:hover, .mobile-tnc .info-menu a:hover, .mobile-tnc .info-menu a:active, .mobile-tnc .info-menu > .active > a { color: #0070d1; } .mobile-tnc .ic-navbar-default { border-color: #f2f2f2; margin-bottom: 0.3rem; } .mobile-tnc .collapse { display: none; } .mobile-tnc .collapse.in { display: block; } .mobile-tnc .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .mobile-tnc .separator { color: #8d8d8d; text-align: center; list-style: none; padding: 0.2rem 0.45rem 0; } .mobile-tnc .separator li { display: inline-block; margin: 1% 0; padding-left: 0.5%; padding-right: 1.1%; border-right: 1px silver solid; } .mobile-tnc .separator a { color: #8d8d8d; text-decoration: none; } .mobile-tnc .separator a:active, .mobile-tnc .separator a:hover, .mobile-tnc .separator a:focus, .mobile-tnc .separator > .active > a { color: #0070d1; } .mobile-tnc .tab-content > .tab-pane { display: none; } .mobile-tnc .tab-content > .active { display: block; } .mobile-tnc .panel-group { margin-bottom: 20px; } .mobile-tnc .fade { -webkit-transition: opacity 0.1s linear; -o-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .mobile-tnc .panel-group .panel { border-radius: 0; margin: 0 4%; } .mobile-tnc .accordion-title { color: #757575; font-size: 16px; font-family: arial; border-color: #f2f2f2 #f2f2f2 #d3d3d3; } .mobile-tnc .panel-heading { padding: unset; border-top-right-radius: 3px; border-top-left-radius: 3px; } .mobile-tnc .panel-group .panel-heading { border-bottom: 1px solid #d3d3d3; } .mobile-tnc .panel-title { margin-top: 0; margin-bottom: 0; font-size: 0.36rem; color: inherit; } .mobile-tnc .panel-title > a, .mobile-tnc .panel-title > small, .mobile-tnc .panel-title > .small, .mobile-tnc .panel-title > small > a, .mobile-tnc .panel-title > .small > a { color: #6d6d6d; } .mobile-tnc .accordion-toggle.collapsed { background-color: unset; } .mobile-tnc .panel-title > a, .panel-title > a:active { display: block; text-decoration: none; font-weight: 700; padding: 0.25rem; } .mobile-tnc .accordion-toggle { background-color: #e1e1e1; } .mobile-tnc .accordion-toggle.collapsed { background-color: unset; } .mobile-tnc .panel-group .panel-heading a.collapsed:after { content: ">"; color: #757575; transform: rotate(90deg); } .mobile-tnc .panel-group .panel-heading a:after { content: ">"; color: #757575; float: right; transition: all 0.2s ease; transform: rotate(-90deg); } .mobile-tnc .panel-body { padding: 0.3rem 0.3rem 0.1rem; } .mobile-tnc .accordion-content, .accordion-content:hover { color: #8d8d8d; font-size: 0.34rem; font-family: Arial; } .mobile-tnc .panel-group .panel-heading + .panel-collapse > .panel-body, .mobile-tnc .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } .mobile-tnc .panel-group .panel-heading + .panel-collapse > .list-group, .mobile-tnc .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: none; border: none; border-color: #f2f2f2 #f2f2f2 #757575; } .mobile-tnc .panel-body:before, .panel-body:after { content: " "; display: table; } .mobile-tnc .panel-body:after { clear: both; } .mobile-tnc .panel-group .panel + .panel { margin-top: 0; } .mobile-tnc .panel { margin-bottom: 20px; background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .mobile-tnc .panel-body p a, .panel-body a { font-style: italic; text-decoration: underline; } .mobile-tnc .accordion-content ul, .mobile-tnc .accordion-content ol { padding: 0.1rem 0.5rem; } .mobile-tnc .panel-body ol > li, .panel-body ul > li { list-style: unset; } .mobile-tnc p { padding: 0.15rem 0; } .mobile-tnc .table-responsive { overflow-x: auto; min-height: 0.01%; } .mobile-tnc .info-centre-container .table-responsive table { text-align: center; } .mobile-tnc .table { width: 100%; max-width: 100%; font-size: 0.24rem; } .mobile-tnc .table > caption + thead > tr:first-child > th, .mobile-tnc .table > caption + thead > tr:first-child > td, .mobile-tnc .table > colgroup + thead > tr:first-child > th, .mobile-tnc .table > colgroup + thead > tr:first-child > td, .mobile-tnc .table > thead:first-child > tr:first-child > th, .mobile-tnc .table > thead:first-child > tr:first-child > td { border-top: 0; } .mobile-tnc .info-centre-container .table-responsive table thead td, .oddsTable th { text-align: center; background-color: #ddd; } .mobile-tnc .info-centre-container .table-responsive table thead td { color: #000; font-weight: 700; background-color: #ddd !important; } .mobile-tnc .table > thead > tr > th, .mobile-tnc .table > thead > tr > td, .mobile-tnc .table > tbody > tr > th, .mobile-tnc .table > tbody > tr > td, .mobile-tnc .table > tfoot > tr > th, .mobile-tnc .table > tfoot > tr > td { padding: 8px; line-height: 1.42857; vertical-align: top; border-top: 1px solid #ddd; } .mobile-tnc .info-centre-container .table-responsive table tbody tr:first-of-type > td { background-color: #eee !important; } .mobile-tnc .table-responsive table tbody td, .oddsTable td { border: 1px solid #f2f2f2; background-color: #eee; } .mobile-tnc .seperator { padding: 0.3rem 0.5rem 0 !important; } .mobile-tnc .copyright { display: none; } .delay-loading-icon { border: 5px solid #f3f3f3; -webkit-animation: spin 1s linear infinite; animation: spin 1s linear infinite; border-top: 5px solid #555; border-radius: 50%; width: 50px; height: 50px; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } } .crypto-detail { text-align: center; } .crypto-header { font-size: 1.5em; } .crypto-exchange-rate { color: #6a8cb0; } .crypto-exchange-rate-detail { color: #004997; } .crypto-reminder { color: red; } .crypto-copy-detail { display: grid; padding-left: 20px; padding-right: 20px; min-height: 0.96rem; } .crypto-copy-address { background-color: #001752 !important; border-radius: 5px; } .crypto-copy-address > p { color: #fff; opacity: 1; font-size: 9px; line-height: 32px; } .crypto-copy-icon { margin-top: 5px; } .crypto-remark { text-align: left; padding: 10px; font-size: 12px; } .crypto-remark-header { color: red; padding: 10px 0; font-size: 13px; text-decoration: underline; } .crypto-remark-content { padding: 10px; } .crypto-remark-content li { padding-bottom: 10px; padding-left: 5px; list-style: decimal; } .btn-grey-promo { height: 1rem; width: 4.4rem; line-height: 1rem; background: grey; } .m-promotion-button-container { display: flex; } .m-promotion-button-container .btn-common { font-size: 0.4rem; } #account_edit .completeProfile { font-weight: 600; width: 100%; font-size: 15px; background-color: #eaecf0; padding-left: 0.5rem; } #account_edit .completeNow { font-weight: 800; padding-left: 5px; text-decoration: underline; font-size: 16px; text-transform: uppercase; cursor: pointer; } #account_edit .linkAccount { color: #fff; width: 30%; height: 30px; border: 0; border-radius: 4px; background: #00c300 !important; display: flex; justify-content: center; align-items: center; font-family: "buttonBold"; font-weight: 700; cursor: pointer; padding-left: 2px; padding-right: 2px; margin-right: 5px; } #account_edit .linkedAccount { color: rgba(255, 255, 255, 0.75); width: 30%; height: 30px; border: 1px; border-style: solid; border-color: #00c300; border-radius: 4px; background-color: #00c300; display: flex; justify-content: center; align-items: center; font-family: "buttonBold"; font-weight: 700; cursor: pointer; padding-left: 2px; padding-right: 2px; margin-right: 5px; } #account_edit .details-box { overflow: hidden; } #account_edit .details-input { padding: 5px 0; border: 0; background-color: transparent; border-bottom: 1px #000; border-style: inset; border-radius: unset; } #account_edit .saveDetail { width: 20%; height: 30px; position: relative; border-style: none; color: #fff; background: linear-gradient(#0062c9, #003b79); border-radius: 4px; display: flex; justify-content: center; align-items: center; font-family: "buttonBold"; font-weight: 700; cursor: pointer; float: right; } #account_edit .saveDetail:disabled { color: #6a8cb0; } #account_edit .editWarning { width: 96%; font-size: 15px; background-color: #eaecf0; padding-left: 0.5rem; color: red; } #member-info .member-info-textwrap { font-size: 13px; color: #000; width: 100%; display: grid; position: relative; justify-content: center; font-weight: 500; margin-bottom: 15px; } #member-info .member-info-title { display: flex; font-size: 13px; } #member-info .input-container { position: relative; display: flex; justify-content: center; height: 0.8rem; font-size: 12px; align-content: center; } #member-info .input-container .text-required { font-size: 12px; color: red; position: relative; } .verification-container { position: relative; padding: 15px; display: flex; justify-content: center; align-content: center; } .verification-wrapper .verification-footer { display: flex; position: relative; justify-content: center; } #member-info .input-box-fullname { width: 5.6rem; padding: 2px; } #member-info .input-box-telcode { width: 0.8rem; } #member-info .input-box-phone { width: 4.6rem; margin-left: 2px; padding: 2px; } #member-info .input-box-email { width: 5.6rem; padding: 2px; } #member-info .text-center { text-align: center; } #member-info .member-dialog-title { color: #147dec; font-size: 16px !important; margin-top: 0; display: flex; margin-bottom: 10px; position: relative; font-weight: 600; justify-content: center; } .modal-footer .save-btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; background: linear-gradient(#0062c9, #003b79); } .modal-footer .cancel-btn { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #000; background-color: #d8d8d8; border-color: #000; } .m-socialMedia-break-line { width: 100%; text-align: center; border-bottom: 1px solid #d1d1d1; line-height: 0.1em; margin: 10px 0 20px; } .m-socialMedia-break-line span { background: #eee; padding: 0 10px; font-size: 0.5rem; text-transform: uppercase; font-weight: 600; } .m-socialMedia-login-btn { width: 82%; border-radius: 3px; color: #fff; font-size: 0.5rem; margin: auto; padding: 0.2rem 0; cursor: pointer; display: flex; align-items: center; justify-content: center; } .m-socialMedia-login-btn img { margin-right: 0.3rem; } .m-line-btn { background-color: #00c300; } .m-socialMedia-register-title { width: 82%; font-size: 0.4rem; margin: auto; text-align: left; color: #6a8cb0; margin-bottom: 0.2rem; } #account_edit .linkAccount .provider-icon { width: 25%; height: auto; display: flex; align-items: center; justify-content: center; } #account_edit .linkedAccount .provider-icon-linked { width: 25%; height: auto; display: flex; align-items: center; justify-content: center; } #account_edit .linkedAccount .provider-text { width: 70%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; white-space: nowrap; } #account_edit .linkAccount .provider-text { width: 70%; height: 100%; display: flex; align-items: center; justify-content: center; font-weight: 700; white-space: nowrap; } .ui-panel { position: fixed; } .ui-panel-dismiss { position: fixed; top: 0; left: 0; right: 0; height: 100vh; z-index: 1002; display: none; background: #000; opacity: 0.1; } .ui-panel-dismiss.active { display: block; } .sidemenu { width: 6.45rem; height: 100%; background: linear-gradient(to bottom, #f7f7f7 0%, #f5f5f5 99%); color: #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch; z-index: 1000000; overflow-x: hidden; } .sidemenu-logo { background-image: linear-gradient(to top, #003b79, #0062c9); height: auto; display: grid; grid-template-columns: 80% 20%; grid-template-rows: 1fr; grid-column-gap: 20px; justify-content: space-between; align-items: center; } .sidemenu-back-logo { display: flex; position: relative; float: right; padding-right: 0.23rem; } .sidemenu-back-logo > img { width: 0.50rem; height: 0.50rem; display: inline-block; } .sidemenu .sidemenu-logo .sidemenu-loginbtn, .sidemenu .sidemenu-logo .sidemenu-togglemenu-icon { display: none; } .sidemenu-back-icon-container { width: 100%; height: 2rem; } .sidemenu ul li .title { margin-top: 0.1rem; } .sidemenu-home-logo { width: 100%; } .sidemenu-home-logo > img { width: 3.3rem; height: auto; padding-bottom: 0; padding-left: 0.7rem; padding-top: 0; } .sidemenu-top-loggedin { background-image: linear-gradient(to top, #003b79, #0062c9); height: 5.5rem; margin-bottom: 0.5rem; } .sidemenu .user-name { width: 100%; margin-left: 0.9rem; font-size: 0.4rem; margin-top: 0.2rem; } .sidemenu .user-level { width: 100%; margin-left: 0.9rem; font-size: 0.4rem; margin-top: 0.2rem; text-transform: uppercase; } .sidemenu ul li a { height: 100%; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: inline; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.34rem; } .sidemenu ul li a .i { height: 0.95rem; } .sidemenu ul li a > span { display: flex; justify-content: center; text-align: center; word-break: keep-all; width: 90%; line-height: 100%; text-shadow: none; } .ui-panel-dismiss-open.ui-panel-dismiss-position-left { left: 0; background: rgba(255, 255, 255, 0.5); } .ui-panel-animate { -webkit-transition: -webkit-transform 600ms ease; transition: -webkit-transform 600ms ease; -o-transition: transform 600ms ease; transition: transform 600ms ease; transition: transform 600ms ease, -webkit-transform 600ms ease; } .ui-panel-animate.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-position-left.ui-panel-display-push { left: 0; -webkit-transform: translate3d(-6.5rem, 0, 0); transform: translate3d(-6.5rem, 0, 0); } .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-overlay, .ui-panel-animate.ui-panel-open.ui-panel-position-left.ui-panel-display-push { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -moz-transform: none; } .ui-page { -webkit-backface-visibility: hidden; } .collapsibleList .ui-collapsible { margin: 0; -webkit-border-radius: 0; border-radius: 0; border: none; } .collapsibleList .ui-collapsible .ui-collapsible-heading-toggle { line-height: 1.34rem; height: 1.34rem; -webkit-box-shadow: none; box-shadow: none; background: #eaecf0; font-size: 0.3rem; color: #353941; padding: 0; padding-left: 1.12rem; border-width: 0.02rem 0; border-color: #e2e2e2; font-weight: 400; } .collapsibleList .ui-collapsible .ui-collapsible-heading-toggle:active { background: #ced1d6; } .collapsibleList .ui-collapsible .ui-collapsible-content { border: none; } .affiliate-container { padding: 0 0.3rem; margin-top: 0.2rem; } .social-container { display: inline-flex; justify-content: flex-start; padding-right: 105px; padding-left: 27px; padding-top: 10px; } .affiliate-container .affiliate-program-title, .affiliate-container .affiliate-program-title a { color: #000; font-size: 0.38rem; font-weight: 700; padding-left: 4px; margin-bottom: 8px; text-align: center !important; text-decoration: underline; } .social-container img { margin-right: 15px; } .crypto-detail { text-align: left; } .crypto-header { font-size: 1em; } .crypto-exchange-rate { color: #6a8cb0; } .crypto-exchange-rate-detail { color: #004997; } .crypto-reminder { color: red; } .crypto-copy-detail { display: grid; min-height: 0.96rem; text-align: center; } .crypto-copy-address { background: #004997; border-radius: 5px; } .crypto-copy-address > p { color: #fff; opacity: 1; font-size: 9px; line-height: 32px; } .crypto-copy-icon { margin-top: 5px; } .crypto-remark { text-align: left; padding: 10px; font-size: 12px; } .crypto-remark-header { color: red; padding: 10px 0; font-size: 13px; text-decoration: underline; } .crypto-remark-content { padding: 10px; } .crypto-remark-content li { padding-bottom: 10px; padding-left: 5px; list-style: decimal; } .crypto-share { text-align: center; } .crypto-share .crypto-button { margin-top: 5px; display: inline-block; border-bottom: 1px solid #3988db; } .crypto-share .crypto-button-text { color: #3988db; } .crypto-button-icon { width: 0.4rem; } .crypto-share .share-code { margin-bottom: 0.2rem; text-align: right; margin-left: 10px; } .crypto-content-layout { display: grid; grid-template-columns: 40% 60%; } .crypto-content-detail { margin-left: 10%; } .crypto-content-image { margin-left: 10px; } .user_verification_box { display: flex; padding: 0.3rem 0.5rem; font-size: 0.3rem; background-color: #ebecf1; } .user_verification_box .text_box { width: 67%; padding-top: 6%; padding-left: 3%; } .user_verification_box .icon_box { display: flex; width: 30%; } .user_verification_box .icon_box .verify_icon { display: flex; width: 38%; margin: 6%; border-radius: 100%; background-color: #d4d4d4; } .user_verification_box .icon_box .verified { background-color: #30e100; } .user_verification_box .icon_box img { width: 70%; height: 70%; margin: 15%; } .user_verification_box .messageBox { width: auto; height: auto; background-color: red; position: absolute; background-color: #f5f5f5; text-align: center; border-radius: 6px; display: flex; border: 1px solid #000; padding: 5px; position: absolute; top: 7rem; left: 8rem; } .user_verification_box .messageBox .messageText { color: #000; font-size: 0.3rem; } .special_promo_frame { width: 10%; position: relative; } .special_promo_frame .special_promo_icon { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-height: 60%; max-width: 60%; } .icon_main_wallet_auto_transfer { width: 0.9rem; height: 0.9rem; display: inline-block; background: url(images/menu/m-icon-smart.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .edit-icon { background-color: #0066d1; border-radius: 10px; width: 0.75rem; position: absolute; margin-top: -0.5rem; margin-left: -0.1rem; } #historyPage { padding: 0; } #historyPage .icon-history { margin-bottom: -0.04rem; } #historyPage input { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; } #historyPage .history_nav, #slotPage .history_nav, #downloadPage .history_nav { height: 1.32rem; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } #historyPage .history_nav li a, #slotPage .history_nav li a, #downloadPage .history_nav li a { height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 0.36rem; color: #eaecf0; padding: 0 15px; } #historyPage .history_nav li a.on, #slotPage .history_nav li a.on, #downloadPage .history_nav li a.on { color: #fdb70e; } #historyPage .history_nav li a span, #slotPage .history_nav li a span, #downloadPage .history_nav li a span { white-space: nowrap; } #historyPage .history_nav li:first-child, #slotPage .history_nav li:first-child { padding-left: 15px; } #historyPage .history_nav li:last-child, #slotPage .history_nav li:last-child, #downloadPage .history_nav li:last-child { padding-right: 15px; } #historyPage .history_content { width: 100%; } #historyPage .history_content .history_list { width: 100%; height: calc(100% - 1.1rem - 1.32rem - 1.6rem); height: -moz-calc(100% - 1.1rem - 1.32rem - 1.6rem); height: -webkit-calc(100% - 1.1rem - 1.32rem - 1.6rem); overflow-y: auto; } #historyPage .history_content .history_list .history_list_item { background: #eaecf0; height: 1.34rem; border-bottom: 0.04rem solid #e2e2e2; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-size: 0.36rem; padding-left: 0.36rem; -webkit-box-sizing: border-box; box-sizing: border-box; } #historyPage .history_content .history_list .history_list_item .tr_left { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #historyPage .history_content .history_list .history_list_item .tr_left .twotr { margin-left: 0.28rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } #historyPage .history_content .history_list .history_list_item .tr_left .twotr .tr1 { color: #6a8cb0; } #historyPage .history_content .history_list .history_list_item .tr_left .twotr .tr2 { font-size: 0.3rem; color: #6d6d6d; } #historyPage .history_content .history_list .history_list_item .tr_right { -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-right: 0.9rem; } #historyPage .history_content .history_list .history_list_item .tr_right .money { margin-right: 0.38rem; color: #353941; } #historyPage .history_content .history_list .history_list_item .tr_right .suorfd { width: 1.04rem; } #historyPage .history_content .history_list .history_list_item .tr_right .red { color: #f30101; } #historyPage .history_content .history_list .history_list_item .tr_right .green { color: #25c500; } #historyPage .history_detail_content { height: calc(100vh - 1.1rem - 1.6rem - 1.32rem); height: -moz-calc(100vh - 1.1rem - 1.6rem - 1.32rem); height: -webkit-calc(100vh - 1.1rem - 1.6rem - 1.32rem); overflow-y: auto; padding: 0 0.36rem; margin-top: 0.36rem; } #historyPage .history_detail_content .item_row { display: block; margin-bottom: 0.36rem; } #historyPage .history_detail_content .title-label { font-size: 0.36rem; color: #6a8cb0; font-weight: 700; } #historyPage .history_detail_content .detail-label { color: #6d6d6d; font-size: 0.3rem; } #historyPop-popup { position: fixed; width: 10.2rem; background: url(../../images/mobile/history/bg_fund_history_search_bg.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; left: 0 !important; top: 1.1rem !important; right: 0 !important; margin: auto; padding-bottom: 15px; } #historyPop-popup input { -webkit-box-sizing: border-box; box-sizing: border-box; min-height: auto; line-height: 0.96rem; height: 0.96rem; font-size: 0.36rem; } #historyPop-popup .historyPop { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; box-shadow: none; padding: 0.55rem 0.58rem; border: 0; margin-top: 0.84rem; padding: 0 0.6rem; font-size: 0.36rem; position: relative; } #historyPop-popup .historyPop .btn-blue-min { margin-top: 0.3rem; } #historyPop-popup .historyPop .history_close { position: absolute; right: 0.6rem; top: -0.5rem; } .history_list, .deposit_content { position: absolute; z-index: 99; } .history_list.enter-active, .history_list.leave-active, .deposit_content.enter-active, .deposit_content.leave-active { -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .history_list.enter, .deposit_content.enter { -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } .history_list.leave-to, .deposit_content.leave-to { -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); } .sidemenu .i { text-transform: uppercase; } .home_to_join, .home_to_login { text-transform: uppercase; } .history_nav { padding-inline-start: 0 !important; padding-block-start: 0 !important; -webkit-padding-start: 0 !important; text-transform: uppercase; overflow: auto; margin-bottom: 0; } .T2Box { background-color: #fff; font-family: open sans, helvetica neue, Helvetica, Arial, sans-serif; text-align: center; position: fixed; top: 50%; margin-top: -200px; overflow: visible; z-index: 9998; width: 100%; margin-left: 0; margin-right: 0; left: 0; background: none; } .transfer-amt { padding: 20px 40px 40px; } .trf-txtamount { text-align: center; margin: auto; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 10px; height: 25px; background-color: #a8a8a8; color: #000 !important; border-radius: 3px; outline: none; border: none; } .slider-selection { background-image: none; background-color: #b40e12; } div.slider.slider-horizontal { margin-top: 10px; width: 100%; } .slider-track-high, .slider-track-low { position: absolute; background: rgba(0, 0, 0, 0); box-sizing: border-box; border-radius: 4px; } .slider.slider-horizontal .slider-track { background-color: #444; background-image: none; height: 15px; top: 40%; } .slider.slider-horizontal .slider-handle { margin-left: -14px; margin-top: -6px; width: 30px; height: 30px; background-color: rgba(0, 0, 0, 0); box-shadow: none; -webkit-box-shadow: none; border: none; background: url(../images/popup-slider-btn.png) center no-repeat; } .arrow-to { height: 45px; width: 45px; position: absolute; background-image: url(images/popup-arrow.png); background-size: contain; background-repeat: no-repeat; top: 0; left: 0; background-position-x: center; } .credittransfer-msgbox-dialog-modal .btn-area .col-xs-12 { padding: 0; } .credittransfer-msgbox-dialog-modal .btn-area { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; overflow: hidden; } .credittransfer-msgbox-dialog-modal .btn-area .btn-item { flex: 1; } .T2Box > form { background-color: #282828; margin: 20px 15px; -webkit-border-radius: 0; border-radius: 0; } .trf-top { background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); padding: 15px 0; margin: 0 !important; } .btn.btn-form.confirm-tran-btn { background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); color: #fff; } .btn.cancel-btn { background-image: -webkit-gradient( linear, left bottom, left top, from(#444), to(#000) ); background-image: -webkit-linear-gradient(bottom, #444, #000); background-image: -o-linear-gradient(bottom, #444, #000); background-image: linear-gradient(to top, #444, #000); color: #fff; background-image: -webkit-gradient( linear, left bottom, left top, from(#444), to(#000) ); background-image: -webkit-linear-gradient(bottom, #444, #000); background-image: -o-linear-gradient(bottom, #444, #000); background-image: linear-gradient(to top, #444, #000); color: #fff; } .btn-area .col-xs-6, .btn-area .col-xs-12 { padding: 0; } .btn-area { margin: 0; } .button-custom button { font-weight: 700; display: inline-block; vertical-align: middle; float: none; margin: 0; width: 100%; height: 50px; background: none; border-radius: 0; } .close-trf { position: absolute; right: 0; top: -5px; z-index: 1; opacity: 0.9; padding: 0; cursor: pointer; background: rgba(0, 0, 0, 0); border: 0; -webkit-appearance: none; width: 35px !important; outline: none; } .close-trf > img { background-color: #caced7; width: 30px; height: 30px; border-radius: 50%; } .T2Box .btn-form { background-image: -webkit-gradient( linear, left bottom, left top, from(#fd9404), to(#fdb813) ); background-image: -webkit-linear-gradient(bottom, #fd9404, #fdb813); background-image: -o-linear-gradient(bottom, #fd9404, #fdb813); background-image: linear-gradient(to top, #fd9404, #fdb813); color: #000; background-color: #454545; color: #fff; } .wallet-amount { color: #fff; font-size: 16px; } .wallet-label { font-size: 12px; } .sa-button-container .confirm { background: #0062c9; background: -moz-linear-gradient(top, #0062c9 0%, #003679 102%); background: -webkit-linear-gradient(top, #0062c9 0%, #003679 102%); background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); } .m-vip-about, .m-vip-referral { font-size: 0.36rem; width: 92%; margin: auto; } .m-vip-about .about-header { font-size: 0.6rem; font-weight: 700; color: #043b74; margin-bottom: 0.1rem; } .m-vip-about .about-header span { color: #fdb813; } .m-vip-about .about-subHeader { font-size: 0.44rem; font-weight: 600; color: #043b74; } .m-vip-about .about-content-container { margin: 0.3rem 0; } .m-vip-about .about-content-container .about-content { margin: 0.21rem 0; } .m-vip-referral .ref-header { font-size: 0.6rem; color: #043b74; font-weight: 700; } .m-vip-referral .ref-content-container { margin: 0.3rem 0; } .m-vip-referral .ref-content-container .ref-content { margin: 0.1rem 0; } .m-vip-referral .ref-btm-header { font-size: 0.45rem; color: #043b74; font-weight: 600; margin-bottom: 0.3rem; } .m-vip-referral .ref-btm-content { margin-left: 5%; width: 94%; } .m-vip-referral .ref-btm-content li { list-style: decimal; margin-bottom: 0.1rem; } .vip-faq { align-content: center; margin-left: auto; margin-right: auto; width: 100%; } .vip-faq .header { font-size: 0.6rem; font-weight: 700; text-align: left; margin-left: 0.15rem; color: #043b74; } .vip-faq .higlight { color: #fdb813; text-align: left; font-size: 0.6rem; margin-left: 2px; } .vip-faq .qna-container { margin-bottom: 0.2rem; } .vip-faq .content { font-size: 0.36rem; color: #6d6d6d; margin-top: 0.3125em; text-align: left; margin-left: auto; margin-right: auto; width: 90%; } .vip-faq .question { font-size: 0.42rem; font-weight: 600; margin-bottom: 0.625em; text-align: left; color: #393e42; margin-left: auto; margin-right: auto; width: 90%; } .vip-faq .sub_header { font-size: 0.45rem; font-weight: 600; margin-top: 10px; margin-bottom: 10px; text-align: left; color: #000; margin-left: 0.5rem; } .vip-faq .line { border: none; border-bottom: 1px dotted #6d6d6d; width: 90%; margin-left: 0.5em; margin-top: 0.5em; margin-bottom: 0.5em; } .vip-vip1-color { color: #8B8000; } .vip-vip2-color { color: #FFDB58; } .vip-bronze-color { color: #bb6727; } .vip-silver-color { color: #959393; } .vip-gold-color { color: #dda72b; } .vip-platinum-color { color: #b3c5c7; } .vip-diamond-color { color: #E0115F; } .vip-ruby-color { color: #818181; } .vip-vip1-bg { background-color: #8B8000; } .vip-vip2-bg { background-color: #FFDB58; } .vip-bronze-bg { background-color: #bb6727; } .vip-silver-bg { background-color: #959393; } .vip-gold-bg { background-color: #dda72b; } .vip-platinum-bg { background-color: #b3c5c7; } .vip-diamond-bg { background-color: #494f54; } .vip-ruby-bg { background-color: #818181; } .vip-benefits { width: 92%; margin: auto; } .vip-benefits .content_header { font-size: 0.6rem; font-weight: 700; color: #043b74; margin-bottom: 0.1rem; } .vip-benefits .content_header .highlight { color: #fdb813; } .vip-benefits .group_toggle_container { background-color: #1b191a; font-size: 0.24rem; text-align: center; border-radius: 0.2rem; } .vip-benefits .group_toggle_container .item_container { display: flex; width: 86%; margin: auto; transition: 0.3s; } .vip-benefits .group_toggle_container .item { width: 100%; padding: 0.15rem 0; } .vip-benefits .group_toggle_container .item.selected { background-color: #464646; } .vip-benefits .group_toggle_container .item img { width: 63%; } .vip-benefits .table_container { font-size: 0.3rem; width: 100%; background-color: #ebecf1; } .vip-benefits .table_container .vip_table { width: 92%; margin: auto; height: 9rem; } .vip-benefits .table_container .compare_tick { display: flex; height: 9%; align-items: center; } .vip-benefits .table_container .compare_tick img { width: 6%; margin-right: 0.12rem; } .vip-benefits .table_container .t_content { text-transform: uppercase; color: #000; height: 87%; overflow: scroll; border-bottom: 0.01rem solid #fff; } .vip-benefits .table_container .t_content .t_header { display: flex; color: #fff; padding: 0.05rem 0; padding-left: 0.2rem; transition: 0.3s; } .vip-benefits .table_container .t_content .t_row { display: flex; border: 0.01rem solid #fff; border-top: none; } .vip-benefits .table_container .t_content .t_row:last-child { border-bottom: none; } .vip-benefits .table_container .t_content .row_title { width: 65%; border-right: 0.01rem solid #fff; padding: 0.05rem 0; padding-left: 0.2rem; } .vip-benefits .table_container .t_content .row_data { width: 35%; display: flex; align-items: center; justify-content: center; } .vip-benefits .t_special_row .vip-bronze-bg-special_true { display: flex; color: #fff; background-color: #bb6727; } .vip-benefits .t_special_row .vip-silver-bg-special_true { display: flex; color: #fff; background-color: #959393; } .vip-benefits .t_special_row .vip-gold-bg-special_true { display: flex; color: #fff; background-color: #dda72b; } .vip-benefits .t_special_row .vip-platinum-bg-special_true { display: flex; color: #fff; background-color: #b3c5c7; } .vip-benefits .t_special_row .vip-diamond-bg-special_true { display: flex; color: #fff; background-color: #494f54; } .result_container .r_special .r_titleRow_special { background-color: #bfbebc; } .result_container .t_special_row .vip-bronze-bg-special_true { display: flex; background-color: #bb6727; } .result_container .t_special_row .vip-silver-bg-special_true { display: flex; background-color: #959393; } .result_container .t_special_row .vip-gold-bg-special_true { display: flex; background-color: #dda72b; } .result_container .t_special_row .vip-platinum-bg-special_true { display: flex; background-color: #b3c5c7; } .result_container .t_special_row .vip-diamond-bg-special_true { display: flex; background-color: #494f54; } .comparison_container { position: fixed; bottom: 0; width: 100%; height: 3.9rem; background-color: #ededed; border-top: 0.03rem #bebec0 solid; opacity: 1; transition: 0.3s; pointer-events: all; } .comparison_container .comparison_content { width: 92%; height: 100%; margin: auto; margin-top: 3%; } .comparison_container.ng-hide { display: block !important; opacity: 0; pointer-events: none; } .comparison_container .c_header { font-size: 0.3rem; display: flex; } .comparison_container .c_header div:nth-child(2) { margin-left: auto; display: flex; justify-content: flex-end; } .comparison_container .c_header .c_btn { display: flex; align-items: center; background: #d88602; background: linear-gradient(0deg, #d88602 50%, #f6af10 100%); padding: 0 0.2rem; margin-right: 0.36rem; border-radius: 0.12rem; color: #fff; } .comparison_container .c_header div:nth-child(2) img { width: 15%; } .comparison_container .c_list { display: flex; align-items: center; justify-content: center; height: 70%; } .comparison_container .c_list .c_item { width: 20%; text-align: center; position: relative; } .comparison_container .c_list .c_item .c_group { width: 72%; } .comparison_container .c_list .c_item .c_close { position: absolute; width: 30%; right: 0; top: 0; z-index: 9; } @media screen and (orientation: landscape) { .vip-benefits .table_container .compare_tick, .comparison_container { display: none; } .vip-benefits .table_container .t_content { padding-top: 2%; height: 96%; } } .result_container { position: absolute; top: 0; left: 0; width: 100%; min-height: 100%; padding-bottom: 2.1rem; overflow-y: hidden; overflow-x: scroll; background-color: #e9edf0; } .result_container .r_title { font-size: 0.5rem; text-align: center; padding: 0.3rem; background-color: #fff; } .result_container .r_table_container { margin: 3% 4%; margin-right: 0; } .result_container .r_table { text-transform: uppercase; font-size: 0.28rem; color: #000; width: 98%; overflow-x: scroll; } .result_container .r_tBody .r_tTitle .r_titleCol, .result_container .r_tBody .r_tHeader, .result_container .r_tcol { height: 0.6rem; display: flex; align-items: center; } .result_container .r_tBody .r_tHeader, .result_container .r_titleCol, .result_container .r_tcol { border: 0.01rem solid #fff; } .result_container .r_tBody .r_tHeader, .result_container .r_tBody .r_tTitle .r_titleCol { padding-left: 0.18rem; line-height: 1; } .result_container .r_tHeader, .result_container .r_tBody, .result_container .r_tData_container { display: flex; } .result_container .r_tData { width: 2.1rem; } .result_container .r_tTitle { width: 5.2rem; } .result_container .r_tdata { width: 2.4rem; } .result_container .r_groupHead { height: 2.1rem; border: 0.01rem solid #fff; text-align: center; font-size: 0.24rem; } .result_container .r_groupHead img { width: 66%; margin-top: 3%; } .vip-upgrade { margin: auto; width: 92%; } .vip-upgrade .content_title { font-size: 0.6rem; font-weight: 700; color: #043b74; margin-bottom: 0.1rem; } .vip-upgrade .higlight { color: #fdb813; } .vip-upgrade .sub_header { font-size: 14px; font-weight: 600; text-align: left; color: #001752; margin-left: auto; margin-right: auto; } .vip-upgrade .content { font-size: 0.3rem; color: #6d6d6d; padding-bottom: 0.2rem; display: flex; } .vip-upgrade .content_footer { margin-bottom: 0.3rem; } .vip-upgrade .content_footer .content { padding-bottom: 0.3rem; line-height: 0.5rem; } .vip-upgrade .content3 { margin-left: 0.1rem; } .vip-upgrade .content4 { color: #6d6d6d; } .vip-upgrade .vip-table { width: 100%; margin: 0.24rem auto; font-size: 0.27rem; text-align: center; background-color: #fff; border-collapse: collapse; color: #000; } .vip-upgrade .vip-table tr > td { background-color: #ebecf1; padding: 0.1rem 0; text-transform: uppercase; } .vip-upgrade .vip-table tr > th { background-color: #191919; border: 0.02rem solid #fff; padding: 0.2rem 0; font-size: 0.24rem; text-align: center; } .vip-upgrade .vip-table tr th > div { width: 100%; } .vip-upgrade .vip-table th img { width: 60%; height: auto; } .vip-upgrade .vip-table .row-data td { font-size: 0.36rem; border: 0.02rem solid #fff; padding: 0.12rem 0; } .vip-upgrade .vip-table .row-title > td { background-color: #001752; color: #fff; text-transform: uppercase; padding: 0.12rem 0; font-weight: 600; } i:is(.fas, .fa, .fab) { font-size: 0.7rem; } #pageContactUs #contactusPage .contactus_nav li > a .text_box { padding-top: 1px; } .contactus_nav i:is(.fas, .fa, .fab) { font-size: 0.9rem; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-xl-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-xl-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-xl-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { -ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-xl-10 { -ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { -ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-xl-first { -ms-flex-order: -1; order: -1; } .order-xl-last { -ms-flex-order: 13; order: 13; } .order-xl-0 { -ms-flex-order: 0; order: 0; } .order-xl-1 { -ms-flex-order: 1; order: 1; } .order-xl-2 { -ms-flex-order: 2; order: 2; } .order-xl-3 { -ms-flex-order: 3; order: 3; } .order-xl-4 { -ms-flex-order: 4; order: 4; } .order-xl-5 { -ms-flex-order: 5; order: 5; } .order-xl-6 { -ms-flex-order: 6; order: 6; } .order-xl-7 { -ms-flex-order: 7; order: 7; } .order-xl-8 { -ms-flex-order: 8; order: 8; } .order-xl-9 { -ms-flex-order: 9; order: 9; } .order-xl-10 { -ms-flex-order: 10; order: 10; } .order-xl-11 { -ms-flex-order: 11; order: 11; } .order-xl-12 { -ms-flex-order: 12; order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } .pr-0, .px-0 { padding-right: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .game-sec { padding: 10px 0; max-width: 100%; width: 100%; } .container-fluid { width: 100%; } .nav-pills.game-nav { padding-right: 5px; } .nav { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-pills li.nav-item { width: 100%; text-align: center; } .nav-pills.game-nav .nav-link.active, .nav-pills.game-nav .show > .nav-link { color: #fff; background-color: #333; border: 1px solid #f9e0778a; box-shadow: 0 3px 14px -5px #f9e077; } .nav-pills.game-nav .nav-link { display: block; border-radius: 10px; padding: 2px 2px 2px 0; margin-bottom: 9px; color: #fff; text-align: center; background: #000; border: 1px solid #414655; font-size: 12px; font-weight: 300; box-shadow: 0 3px 11px -5px #000; } .game-nav .nav-link img { max-width: 36px; display: block; margin: auto; margin-bottom: -2px; } body .footer-section div[class*="-box"] { display: -webkit-flex; display: flex; -webkit-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-content: space-around; justify-content: space-evenly; align-items: center; } body .footer-section i { opacity: 1; } .daily-check-in { margin: 0; } .daily-checkin-home { width: 100vw; background-size: 100%; background-repeat: no-repeat; position: relative; padding-bottom: 2.4vw; padding-top: 19vw; background-image: url(images/dailyloginreward/background.jpg); } .daily-checkin-header { padding-top: 5vw; padding-left: 4.26667vw; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .daily-checkin-controlBtn, .daily-checkin-withdraw-button { font-size: 2.93333vw; display: -webkit-flex; display: -ms-flexbox; -webkit-box-direction: normal; padding: 0 1.6vw; white-space: nowrap; text-align: center; } .daily-checkin-withdraw-button { margin-left: 3.2vw; min-width: 19.2vw; height: 6.4vw; background-color: #fff; border-radius: 3.26667vw; display: -webkit-box; display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #000; } .daily-checkin-controlBtn { min-width: 24vw; height: 6vw; background-color: rgba(255, 255, 255, 0.3); border-radius: 13.33333vw 0 0 13.33333vw; line-height: 4vw; color: #fff; display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; position: absolute; top: 19.6vw; right: 0; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .daily-checkin-content-titlewrap, .daily-checkin-remind { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; } .daily-checkin-progress-wrap, .daily-checkin-remind { -webkit-flex-direction: row; -webkit-box-direction: normal; } .daily-checkin-controlBtn-text { height: 100%; padding: 0 1vw; line-height: 6vw; } .daily-checkin-rewardexplain { color: rgba(255, 255, 255, 0.7); font-size: 2.66667vw; line-height: 3.6vw; margin-top: 3px; margin-left: 4.26667vw; } .daily-checkin-remind { display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 40.53333vw; right: 3.33333vw; } .daily-checkin-remindText { margin-right: 0.8vw; font-size: 2.66667vw; line-height: 3.6vw; color: #fff; text-align: center; white-space: nowrap; } .daily-checkin-content { overflow: hidden; position: relative; margin: 2.4vw auto auto; width: 93.6vw; min-height: 42vw; background-color: #fff; border-radius: 3.2vw; padding-top: 20vw; } .daily-checkin-content-titlewrap { position: absolute; top: 2.66667vw; left: 4.66667vw; min-height: 8.26667vw; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .daily-checkin-content-title { font-size: 3.2vw; line-height: 4.4vw; color: #333; font-weight: 500; max-width: 54.93333vw; } .daily-checkin-content-button, .daily-checkin-content-button-active, .daily-checkin-content-button-activeRed, .daily-checkin-content-button-disable { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 2.66667vw; right: 2.4vw; width: 27.33333vw; height: 8.26667vw; text-align: center; white-space: nowrap; color: #fff; line-height: 4.53333vw; font-size: 3.2vw; border-radius: 4.13333vw; background-image: -webkit-linear-gradient(left, red 50%, red 90%); background-image: linear-gradient(90deg, #ffa300 50%, #ffc800 90%); box-shadow: inset 0 -0.8vw 0.8vw #cd8000, inset 0 0.8vw 0.8vw #ffeaa0; } .daily-checkin-content-button-activeRed { background-image: -webkit-linear-gradient(left, red 10%, red 100%); background-image: linear-gradient(90deg, red 10%, red 100%); box-shadow: inset 0 -0.8vw 0.8vw #c82a2a, inset 0 0.8vw 0.8vw #f8efce; -webkit-animation: breathe 0.6s linear alternate infinite; animation: breathe 0.6s linear alternate infinite; } .daily-checkin-content-button-disable { background-image: -webkit-linear-gradient(left, silver 50%, silver 90%); background-image: linear-gradient(90deg, silver 50%, silver 90%); box-shadow: none; } .daily-checkin-progress { width: 84vw; min-height: 19.06667vw; margin: auto; position: relative; } .daily-checkin-progress-line { position: absolute; top: 4.46667vw; width: 82.66667vw; height: 0.26667vw; background-color: #c6c6c6; } .daily-checkin-progress-line2 { position: absolute; top: 4.46667vw; width: 29.66667vw; height: 0.26667vw; background-color: #c6c6c6; } .daily-checkin-progress-wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; width: 84vw; } .daily-checkin-progress-wrap2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; position: absolute; width: 33vw; } .daily-checkin-progress-day-coinbg { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-flex-direction: row; } .daily-checkin-progress-day { position: relative; } .daily-checkin-progress-day-arrow { width: 0; height: 0; border-left: 0.8vw solid transparent; border-right: 0.8vw solid transparent; border-top: 1.06667vw solid #fdb438; margin: 0.8vw auto auto; top: -2.66667vw; position: absolute; left: 0; right: 0; } .daily-checkin-progress-day-text { text-align: center; white-space: nowrap; margin-top: 0.8vw; font-size: 2.93333vw; line-height: 4vw; color: #000; } .daily-checkin-progress-day-extra { position: absolute; background-color: #fdb438; border-radius: 2.4vw; color: #fff; text-align: center; white-space: nowrap; padding: 0.53333vw; font-size: 1.86667vw; line-height: 1.86667vw; top: -4.53333vw; left: -2vw; max-width: 16.53333vw; min-width: 11.06667vw; min-height: 1.86667vw; } .daily-checkin-progress-day-coin { color: #fff; font-size: 2.13333vw; line-height: 2.13333vw; white-space: nowrap; font-weight: 600; font-family: NotoSans-Bold; letter-spacing: 0; width: 10.4vw; text-align: center; } .daily-checkin-progress-day-coinbg { width: 9.73333vw; height: 2.4vw; border-radius: 0.8vw; background-color: #0029ce; position: absolute; top: 6.93333vw; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .daily-checkin-switch { width: 7.73333vw; height: 4.26667vw; display: block; position: relative; cursor: pointer; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .daily-checkin-switch input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .daily-checkin-switch input:checked ~ .control { background-color: #09df42; } .daily-checkin-switch input:checked ~ .control:after { left: 3.73333vw; } .daily-checkin-switch .control { position: absolute; top: 0; left: 0; height: 4.26667vw; width: 7.73333vw; border-radius: 2.13333vw; background-color: #d8d8d8; -webkit-transition: background-color 0.15s ease-in; transition: background-color 0.15s ease-in; } .daily-checkin-switch .control:after { content: ""; position: absolute; left: 0.26667vw; top: 0.26667vw; width: 3.73333vw; height: 3.73333vw; border-radius: 2.13333vw; background: #fff; -webkit-transition: left 0.15s ease-in; transition: left 0.15s ease-in; } .responsive-box .flex-grid-scroll { overflow-y: hidden; overflow-x: auto; padding: 0 2.13333vw 2.13333vw; height: 34.66667vw; -webkit-overflow-scrolling: touch; display: flex; } .responsive-box .flex-grid-scroll::-webkit-scrollbar { display: none; } .responsive-box .flex-grid-col1, .responsive-box .flex-grid-col2, .responsive-box .flex-grid-col3, .responsive-box .flex-grid-col4 { position: relative; margin-top: -3.2%; padding: 0 3.2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .responsive-box .flex-grid-col2, .responsive-box .flex-grid-col3, .responsive-box .flex-grid-col4 { padding-left: 0; } .responsive-box { font-size: 12px; overflow: hidden; } .responsive-box .flex-direction-row { flex-direction: row; } .responsive-box .flex-grid-scroll { overflow-y: hidden; overflow-x: auto; padding: 0 2.13333vw 2.13333vw; height: 34.66667vw; -webkit-overflow-scrolling: touch; display: flex; } .responsive-box .flex-grid-scroll .flex-item { width: 35.2vw; height: 100%; flex-shrink: 0; margin: 0 2.13333vw 0 0; } .responsive-box .flex-grid-scroll::-webkit-scrollbar { display: none; } @font-face { font-family: iconfont; src: url(//laz-g-cdn.alicdn.com/lzdfe/iconfont/0.1.36/font_494632_fzr3suo392vxtj4i.eot); src: url(//laz-g-cdn.alicdn.com/lzdfe/iconfont/0.1.36/font_494632_fzr3suo392vxtj4i.eot?#iefix) format("embedded-opentype"), url(//laz-g-cdn.alicdn.com/lzdfe/iconfont/0.1.36/font_494632_fzr3suo392vxtj4i.woff) format("woff"), url(//laz-g-cdn.alicdn.com/lzdfe/iconfont/0.1.36/font_494632_fzr3suo392vxtj4i.ttf) format("truetype"), url(//laz-g-cdn.alicdn.com/lzdfe/iconfont/0.1.36/font_494632_fzr3suo392vxtj4i.svg#iconfont) format("svg"); } @media only screen and (max-width: 600px) { .responsive-box { font-size: 12px; overflow: hidden; height: 100vh; } } .mui-zebra-page { background: #000; } .daily-login-reward-bottomsheet .red-color { color: #ff4891; } .daily-checkin-content .daily-checkin-progress:nth-child(7) .daily-checkin-progress-wrap { justify-content: flex-start; -webkit-justify-content: flex-start; } .daily-checkin-content .daily-checkin-progress:nth-child(7) .daily-checkin-progress-day { margin-right: 0.48rem; } .float-menu-wrapper { z-index: 99; position: fixed; top: 50%; right: 0; width: 2.2rem; } .float-menu-wrapper:has(.customicon-floating-icon) { top: 36%; } .float-menu-wrapper:has(.luckyspin-floating-icon) { top: 65%; } .float-menu .click-to-dismiss { position: absolute; width: 20px; height: 20px; top: 0; right: 0px; padding-left: 5px; } .float-menu .click-to-dismiss i { font-size: 0.4rem; } .float-menu.dailyloginreward-floating-icon .floating-icon-image { content: url(images/dailyloginreward/gifs/coinreward_en.gif); } .th .float-menu.dailyloginreward-floating-icon .floating-icon-image { content: url(images/dailyloginreward/gifs/coinreward_th.gif); } .cn .float-menu.dailyloginreward-floating-icon .floating-icon-image { content: url(images/dailyloginreward/gifs/coinreward_cn.gif); } .kh .float-menu.dailyloginreward-floating-icon .floating-icon-image { content: url(images/dailyloginreward/gifs/coinreward_kh.gif); } .id .float-menu.dailyloginreward-floating-icon .floating-icon-image, .my .float-menu.dailyloginreward-floating-icon .floating-icon-image { content: url(images/dailyloginreward/gifs/coinreward_my.gif); } .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_en.gif') } .th .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_thai.gif') } .cn .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_cn.gif') } .kh .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_khmer.gif') } .hk .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_hk.gif') } .mm .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_mmy.gif') } .vn .float-menu.luckyspin-floating-icon .floating-icon-image { content: url('images/luckyspin/gif/wheel_viet.gif') } .float-menu.customicon-floating-icon .floating-icon-image { content: url('images/customfloaticon.gif') } .float-menu.luckybox-floating-icon { z-index: 99; position: fixed; top: 36%; right: 0; width: 2.3rem; display: none; } .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_en.gif') } .th .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_thai.gif') } .cn .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_cn.gif') } .kh .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_khmer.gif') } .hk .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_hk.gif') } .mm .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_mmy.gif') } .vn .float-menu.luckybox-floating-icon .floating-icon-image { content: url('images/luckybox/gif/wheel_viet.gif') } .m-scroll-btn svg { width: 0.9em; height: 0.9em; } .arrow-prev svg { transform: scaleX(-1); } .gamelobby-content .home_firmcontent_box { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: stretch; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 0.3rem; flex-direction: column; flex-wrap: wrap; align-content: stretch; align-items: stretch; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0.2rem; border-radius: 0.2rem; width: 100%; padding: 0.3rem; padding-bottom: 0; padding-left: 0; padding-right: 0; max-width: 1280px; margin: auto; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li { width: 33%; height: 3.4rem; text-align: center; float: left; padding: 3px; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0.4rem; height: 100%; font-size: 0.28rem; font-weight: 400; color: #4d4d4d; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i.icon_home_logo_bg { width: 100%; height: 100%; margin-bottom: 0.05rem; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 2rem; height: 2rem; position: relative; } .gamelobby-content .games-tab-content .game-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; height: 0.5rem; max-height: 30px; } .games-tab-content .btn.play-btn-1 { display: none; } .gamelobby-tab-content .tabs { overflow: hidden; padding: 2px 5px 5px 0; } .gamelobby-tab-content .tabs .tab.selected { background: #ff9800; font-weight: 700; } .gamelobby-tab-content .tabs .tab { float: left; padding: 8px; margin: 5px 0 0 5px; border-radius: 4px; width: calc(50% - 5px); text-align: center; text-transform: uppercase; font-size: 13px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; background: #0062c9; color: #fff; font-weight: 700; } .gamelobby-tab-content .credittransferpopup-btn { height: 1.3rem; width: 96%; margin: auto; font-size: 0.48rem; align-items: center; display: flex; vertical-align: middle; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-around; background-color: #001752; color: #fff; } .icon-img { background-repeat: no-repeat; background-position: center; background-size: 100%; -webkit-background-size: 100%; width: 100%; height: 100%; display: inline-block; border-radius: 15px; } .btn.play-btn-1 { background-image: url(images/btns/btn_bg.png); background-color: transparent !important; background-size: 100% 100%; border: 0; font-size: 13px; color: #fff; text-shadow: none; box-shadow: 0 1px 3px #000; width: 100%; align-items: center; display: flex; vertical-align: middle; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-around; } .payment-menu.theme5 .pinfo .welcome-name, body .payment-menu.theme5 .pinfo .bank { font-variant: small-caps; text-align: Center; } #pageHome #homePage .payment-menu.theme5 > .idr_content .idr_content_top { padding-left: 0; justify-content: space-between; padding-top: 3px; } .payment-menu.theme5 .btns { display: inline-grid; float: right; width: 4rem; padding: 0 0 5px 5px; } .payment-menu.theme5 .btns .btn { margin-top: 0; text-align: left; padding: 0; border: 0; color: transparent; text-shadow: none; border-radius: 0; padding: 5px 5; border-radius: 0; box-shadow: none; margin-top: 3px; } .payment-menu.theme5 .pbalance { margin-top: 12px; font-size: 1.45em; } .payment-menu.theme5 .vc-balance { color: #4da5e8; font-size: 1.2em; margin: 0px 3px 10px; font-weight: 700; } .payment-menu.theme5 .vc-note p { margin: 0 0 3px; } .vc-note { font-size: 9px; color: #726d6d; } .payment-menu.theme5 .icon-funds { background: url(images/btns/deposit_btn.jpg) no-repeat; width: 4rem; height: 1rem; display: inline-block; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .payment-menu.theme5 .icon-withdrawal { background: url(images/btns/withdrawal_btn.jpg) no-repeat; width: 4rem; height: 1rem; display: inline-block; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .payment-menu.theme5 .icon-refresh { background: url(images/btns/refresh_btn.jpg) no-repeat; width: 4rem; height: 1rem; display: inline-block; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #pageHome #homePage .home_firmcontent.gamelobby-tab-content .home_firms, #pageHome #homePage .home_firmcontent.gamelobby-tab-content .games-tab-content .home_firms { padding: 0; } #pageHome #homePage .home_firmcontent.gamelobby-tab-content .games-tab-content .home_firms .home_firms_tr { height: 3.6rem; } #pageHome #homePage .home_firmcontent.gamelobby-tab-content .games-tab-content .home_firms .home_firms_tr li { width: 33%; } #pageHome #homePage .home_firmcontent.gamelobby-tab-content .games-tab-content .home_firms .home_firms_tr li a { padding-bottom: 0; } #pageHome #homePage .home_firmcontent.gamelobby-tab-content .games-tab-content .home_firms .home_firms_tr li a .i.icon_home_logo_bg { width: 95%; } #pageHome #homePage .gamelobby-tab-content .home_firmcontent_box { padding: 0 0.1rem; } #pageHome #homePage .gamelobby-tab-content .game-title { font-size: 0.25rem; height: 0.5rem; } section.lotto-place-bet { width: 95%; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; align-content: space-around; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid rgba(17, 17, 17, 0.05); padding-top: 3px; } section.lotto-place-bet span.lotto-rules a, span.lotto-payout a { display: block; width: 100%; border-radius: 8px; border: 1px solid rgba(17, 17, 17, 0.1); padding: 12px 0; font-size: 0.85em; text-align: center; text-decoration: none; } section.lotto-place-bet span.lotto-rules, span.lotto-payout { width: 49%; margin: 8px 0 0; } section.lotto-place-bet .lotto-bet-btn { width: 100%; border: 0; padding: 0; margin: 0; background: transparent; } section.lotto-place-bet .lotto-bet-btn a, .lotto-bet-btn a:hover { width: 100%; border-radius: 8px; border: 0; height: 1.2rem; background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); line-height: 1.2rem; color: #fff; text-decoration: none; } span.lotto-draw-date { font-weight: lighter; font-family: "AvenirNextLTPro-Regular"; display: block; text-align: center; margin: 0 0 8px; padding: 18px 0 0; } .lotto-result { background-color: #666; } .lotto-result.toto { background-color: #b22222; } .lotto-result.magnum { background-color: #2196F3; } .lotto-result.pmp { background-color: blue; } .lotto-result.sabah { background-color: #dc143c; } .lotto-result.sandakan { background-color: #228b22; } .lotto-result.sarawak { background-color: #006400; } .lotto-result.singapore { background-color: #6495ed; } .lotto-result.granddragon { background-color: #95650a; } .lotto-result h2 { color: #fff; margin: 0; font-size: 1.1em; font-weight: 700; } .lotto-result h3 { color: #fff; margin: 0; font-size: 1em; font-weight: 100; padding-top: 1px; } .lotto-title-top div { background: #000; color: #fff; margin: 0; padding: 4px 0; } .lotto-result-title { width: 100%; background: #000; color: #fff; margin: 0; padding: 4px 0; } .lotto-result { text-align: center; margin: 0; padding: 0 8px 8px; font-size: 0.85em; width: 200px; border-radius: 4px; } .lotto-result .lotto-result-top div { background: #fff; margin: 0; padding: 5px 0 4px; color: black; } .lotto-title-top { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: space-between; } .lotto-result .lotto-result-top { display: grid; grid-template-columns: 33.33% 33.33% 33.33%; justify-content: space-between; margin: 0; } .lotto-result .lotto-result-low { display: grid; grid-template-columns: 25% 25% 25% 25%; justify-content: space-between; margin: 0; } .lotto-result .lotto-result-low div { background: #fff; margin: 0; padding: 2px 0 1px; color: black; } .lotto-result .lheader { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: space-around; align-items: center; padding: 12px 0px; } .lotto-result .lheader img { width: 1.8rem; height: auto; } .lotto-result.granddragon .lheader img { width: 1rem; } .lotto-result.9_lotto .lheader img { width: 1rem; } .casino-usrpwd-body .btn-common, .play-btn, .download-btn, .kiss918_mainBox .btn-common { text-transform: uppercase; width: 100%; background-color: #001752; margin-bottom: 10px; } .game-lc-bg, .game-eg-bg, .game-spr-bg, .game-ll-bg, .game-ft-bg { background-repeat: no-repeat; background-size: cover; } .game-item-pragmatic .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-pragmatic-mob.jpg); } .game-item-sexybac .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-aesexy-mob.jpg); } .pragmatic .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-pragmatic-mob.jpg); } .game-item-playtech .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-playtech-mob.jpg); } .game-item-evogaming .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-evolution-mob.jpg); } .game-item-sa .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-sagaming-mob.jpg); } .game-item-wm .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-wmcasino-mob.jpg); } .game-item-ezugi .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-ezugi-mob.png); } .game-item-gameplay .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-gameplay-mob.jpg); } .game-item-ag .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-asiagaming-mob.jpg); } .game-item-biggaming .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-biggaming-mob.png); } .game-item-allbet .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-allbet-mob.png); } .game-item-sbo .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-sbobet-mob.png); } .game-item-dg855 .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-dg855-mob.png); } .game-item-bbin .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-bbin-mob.png); } .game-item-xpg .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-xpg-mob.png); } .game-item-yeebet .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-yeebet-mob.png); } .game-item-marbula2 .game-lc-bg { background-image: url(images/gameproviders/bg/dealer-marbula2-mob.png); } .game-item-cf .game-ft-bg { background-image: url(images/gameproviders/bg/prov-ft-cf.png); } .game-eg-bg, .game-ll-bg, .game-ft-bg { background-image: url(images/gameproviders/bg/711_product.png); } .game-spr-bg { background-image: url(images/gameproviders/bg/sport_product.png); } .game-item-pragmatic .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-pragmaticplay.jpg); } .game-item-jili .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-jili.png); } .game-item-kingmaker .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-kingmaker.png); } .game-item-netent .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-netent.png); } .game-item-jdb .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-jdb.png); } .game-item-ludo .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-ludo.png); } .game-item-spribe .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-spribe.png); } .game-item-spadegame .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-spadegaming.jpg); } .game-item-rich88 .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-rich88.png); } .game-item-cq9 .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-cq9.jpg); } .game-item-rtg .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-rtg.jpg); } .game-item-betsoft .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-bs.jpg); } .game-item-rt .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-rt.jpg); } .game-item-ag .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-ag.png); } .game-item-playtech .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-playtech.jpg); } .game-item-rpsoft .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-rpsoft.png); } .game-item-besoft .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-besoft.png); } .game-item-inout .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-inout.png); } .game-item-slot4d .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-slot4d.png); } .game-item-bbin .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-bbin.png); } .game-item-gameplay .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-gameplay.jpg); } .game-item-spinix .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-spinix.png); } .game-item-playstar .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-playstar.png); } .game-item-toptrend .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-toptrend.png); } .game-item-og .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-og.png); } .game-item-naga .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-naga.png); } .game-item-pegasus .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-pegasus.png); } .game-item-advantplay .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-advantplay.png); } .game-item-joker .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-joker.png); } .game-item-habanero .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-habanero.png); } .game-item-sbo .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-sbo.png); } .game-item-flowgaming.special-mg .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-mg.png); } .game-item-flowgaming.special-playngo .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-pngo.jpg); } .game-item-flowgaming.special-quickspin .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-quickspin.jpg); } .game-item-flowgaming.special-netent .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-netent.jpg); } .game-item-flowgaming.special-kiron .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-kiron.png); } .game-item-sbo.special-sbosport .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-sbo.jpg); } .game-item-cmd .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-cmd.png); } .game-item-ibc .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-ibc.png); } .game-item-luckysport .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-luckysport.png); } .game-item-dreamexchange .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-luckysport.png); } .game-item-m8 .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-m8.jpg); } .game-item-hsport .game-spr-bg { background-image: url(images/gameproviders/bg/prov-sports-hsport.jpg); } .game-item-scr888 .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-918kiss.jpg); } .game-item-mega888api .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-mega888.jpg); } .game-item-live22api .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-live22.jpg); } .game-item-gw99api .game-eg-bg, .game-item-playboyapi .game-eg-bg, .game-item-xe88mapi .game-eg-bg, .game-item-vpowerapi .game-eg-bg, .game-item-xe88api .game-eg-bg, .game-item-evo888api .game-eg-bg, .game-item-lionkingapi .game-eg-bg, .game-item-pussy888api .game-eg-bg, .game-item-jokerapi .game-eg-bg { background-image: url(images/gameproviders/bg/711_product.png); } .game-item-bbin.special-fish .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-bbin.png); } .game-item-jdb.special-fishing .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-jdb.png); } .game-item-jili.special-fishing .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-jili.png); } .game-item-jokerapi.special-fishing .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-joker.png); } .game-item-spadegame.special-fishing .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-spadegame.png); } .game-item-cq9.special-fishing .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-cq9.png); } .game-item-ggfish .game-eg-bg { background-image: url(images/gameproviders/bg/prov-fishing-ggfish.png); } .game-item-dctrelax .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-relax.png); } .game-item-bng .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-bng.png); } .game-item-aviatrix .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-aviatrix.png); } .game-item-onlyplay .game-eg-bg { background-image: url(images/gameproviders/bg/prov-slots-onlyplay.png); } .game-item-askmelotto .game-ll-bg { background-image: url(images/gameproviders/bg/prov-keno-askmelotto.png); } .game-item-gd4d .game-ll-bg { background-image: url(images/gameproviders/bg/prov-lottery-gd4d.png); } .game-item-bbin .game-ll-bg { background-image: url(images/gameproviders/bg/prov-keno-bbin.png); } .game-item-ky .game-ft-bg { background-image: url(images/gameproviders/bg/prov-keno-ky.png); } .game-item-vr .game-ll-bg { background-image: url(images/gameproviders/bg/prov-keno-vr.png); } i[class*="logo-"] { background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; width: 100%; height: 1rem; } .logo-sexybac-icon { background-image: url(images/gameproviders/logoicon/sb.png); } .logo-pragmatic-icon { background-image: url(images/gameproviders/logoicon/pra.png); } .logo-playtech-icon { background-image: url(images/gameproviders/logoicon/pt.png); } .logo-rpsoft-icon { background-image: url(images/gameproviders/logoicon/rpsoft.png); } .logo-besoft-icon { background-image: url(images/gameproviders/logoicon/besoft.png); } .logo-inout-icon { background-image: url(images/gameproviders/logoicon/inout.png); } .logo-slot4d-icon { background-image: url(images/gameproviders/logoicon/slot4d.png); } .logo-evogaming-icon { background-image: url(images/gameproviders/logoicon/el.png); } .logo-sa-icon { background-image: url(images/gameproviders/logoicon/sa.png); } .logo-wm-icon { background-image: url(images/gameproviders/logoicon/wm.png); } .logo-ezugi-icon { background-image: url(images/gameproviders/logoicon/ezugi.png); } .logo-spribe-icon { background-image: url(images/gameproviders/logoicon/spribe.png); } .logo-gameplay-icon { background-image: url(images/gameproviders/logoicon/gp.png); } .logo-rich88-icon { background-image: url(images/gameproviders/logoicon/rich88.png); } .logo-ag-icon { background-image: url(images/gameproviders/logoicon/ag.png); } .logo-biggaming-icon { background-image: url(images/gameproviders/logoicon/bg.png); } .logo-askmelotto-icon { background-image: url(images/gameproviders/logoicon/askmelotto.png); } .logo-allbet-icon, .icon-allbet { background-image: url(images/gameproviders/logoicon/allbet.png); width: 1rem; height: 1rem; background-repeat: no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } .logo-sbo-icon, .logo-sbosport-icon, .logo-sbolcgame-icon { background-image: url(images/gameproviders/logoicon/sbo.png); } .logo-ibc-icon { background-image: url(images/gameproviders/logoicon/ibc.png); } .logo-dreamexchange-icon { background-image: url(images/gameproviders/logoicon/dreamexchange.png); } .logo-m8-icon { background-image: url(images/gameproviders/logoicon/msport.png); } .logo-ninewickets-icon { background-image: url(images/gameproviders/logoicon/9wickets.png); } .logo-hsport-icon { background-image: url(images/gameproviders/logoicon/hsport.png); } .logo-dg855-icon { background-image: url(images/gameproviders/logoicon/dg.png); } .logo-bbin-icon, .game-item-bbin .logo-fish-icon { background-image: url(images/gameproviders/logoicon/bbin.png); } .logo-xpg-icon { background-image: url(images/gameproviders/logoicon/xpg.png); } .logo-yeebet-icon { background-image: url(images/gameproviders/logoicon/yeebet.png); } .logo-marbula2-icon { background-image: url(images/gameproviders/logoicon/marbula2.png); } .logo-spadegame-icon { background-image: url(images/gameproviders/logoicon/sg.png); } .logo-cq9-icon { background-image: url(images/gameproviders/logoicon/cq9.png); } .logo-rtg-icon { background-image: url(images/gameproviders/logoicon/rtg.png); } .logo-betsoft-icon { background-image: url(images/gameproviders/logoicon/bs.png); } .logo-mg-icon { background-image: url(images/gameproviders/logoicon/mg.png); } .logo-rt-icon { background-image: url(images/gameproviders/logoicon/rt.png); } .logo-playngo-icon { background-image: url(images/gameproviders/logoicon/png.png); } .logo-quickspin-icon { background-image: url(images/gameproviders/logoicon/qs.png); } .logo-netent-icon { background-image: url(images/gameproviders/logoicon/netent.png); } .logo-kiron-icon { background-image: url(images/gameproviders/logoicon/kiron.png); } .logo-gd4d-icon { background-image: url(images/gameproviders/logoicon/gd4d.png); } .logo-vr-icon { background-image: url(images/gameproviders/logoicon/vrgaming.png); } .logo-ky-icon { background-image: url(images/gameproviders/logoicon/ky_keno.png); } .logo-ggfish-icon { background-image: url(images/gameproviders/logoicon/ggfishing.png); } .logo-scr888-icon { background-image: url(images/gameproviders/logoicon/918kiss.png); } .logo-918kiss2-icon { background-image: url(images/gameproviders/logoicon/918kiss2.png); } .logo-mega888api-icon { background-image: url(images/gameproviders/logoicon/mega888.png); } .logo-pussy888api-icon { background-image: url(images/gameproviders/logoicon/pussy888.png); } .logo-live22api-icon { background-image: url(images/gameproviders/logoicon/live22.png); } .logo-jokerapi-icon, .logo-jokerx2-icon, .logo-jokerx5-icon, .logo-jokerx10-icon { background-image: url(images/gameproviders/logoicon/joker.png); } .logo-jili-icon { background-image: url('images/gameproviders/logoicon/jili.png'); } .logo-jdb-icon { background-image: url('images/gameproviders/logoicon/jdb.png'); } .logo-ludobet-icon { background-image: url('images/gameproviders/logoicon/ludobet.png'); } .logo-jpsoft-icon { background-image: url(images/gameproviders/logoicon/jpsoft.png); } .logo-kingmaker-icon { background-image: url('images/gameproviders/logoicon/kingmaker.png'); } .logo-pocketgame-icon { background-image: url('images/gameproviders/logoicon/pg.png'); } .logo-cf-icon { background-image: url('images/gameproviders/logoicon/cockfight.png'); } .logo-gw99api-icon { background-image: url(images/gameproviders/logoicon/greatwall.png); } .logo-playboyapi-icon { background-image: url(images/gameproviders/logoicon/playboy.png); } .logo-xe88mapi-icon { background-image: url(images/gameproviders/logoicon/xe88_app.png); } .logo-vpowerapi-icon { background-image: url(images/gameproviders/logoicon/vpower.png); } .logo-xe88api-icon { background-image: url(images/gameproviders/logoicon/xe88.png); } .logo-evo888api-icon { background-image: url(images/gameproviders/logoicon/evo888.png); } .logo-lionkingapi-icon { background-image: url(images/gameproviders/logoicon/lionking.png); } .logo-habanero-icon { background-image: url(images/gameproviders/logoicon/habanero.png); } .logo-naga-icon { background-image: url(images/gameproviders/logoicon/naga.png); } .logo-playstar-icon { background-image: url(images/gameproviders/logoicon/playstar.png); } .logo-og-icon { background-image: url(images/gameproviders/logoicon/og.png); } .logo-toptrend-icon { background-image: url(images/gameproviders/logoicon/toptrend.png); } .logo-cmd-icon { background-image: url(images/gameproviders/logoicon/cmd.png); } .logo-pegasus-icon { background-image: url(images/gameproviders/logoicon/pegasus.png); } .logo-advantplay-icon { background-image: url(images/gameproviders/logoicon/advantplay.png); } .logo-spinix-icon { background-image: url(images/gameproviders/logoicon/spinix.png); } .logo-ludo-icon { background-image: url(images/gameproviders/logoicon/ludobet.png); } .logo-bng-icon { background-image: url(images/gameproviders/logoicon/bng.png); } .logo-dctrelax-icon { background-image: url(images/gameproviders/logoicon/relax.png); } .logo-aviatrix-icon { background-image: url(images/gameproviders/logoicon/aviatrix.png); } .logo-onlyplay-icon { background-image: url(images/gameproviders/logoicon/onlyplay.png); } i.logo-jk348-icon { background-image: url(images/menu/jk348_menu_h.png); background-size: 160% 40%; } .logo-p8poker-icon { background-image: url(images/gameproviders/logoicon/p8poker.png); } .logo-c8play-icon { background-image: url(images/gameproviders/logoicon/c8play.png); } .logo-m8bet-icon { background-image: url(images/gameproviders/logoicon/m8bet.png); } .logo-sky99-icon { background-image: url(images/gameproviders/logoicon/sky99.png); } .logo-slotciti-icon { background-image: url(images/gameproviders/logoicon/slotciti.png); } .logo-lottolottery-icon { background-image: url(images/gameproviders/logoicon/lotto.png); } .logo-suncity-icon { background-image: url(images/gameproviders/logoicon/suncity.png); } .logo-love138-icon { background-image: url(images/gameproviders/logoicon/138.png); } .logo-starvegas-icon { background-image: url(images/gameproviders/logoicon/starvegas.png); } .logo-3win8-icon { background-image: url(images/gameproviders/logoicon/3win8.png); } .logo-ace333-icon { background-image: url(images/gameproviders/logoicon/ace333.png); } .logo-sky777-icon { background-image: url(images/gameproviders/logoicon/sky777.png); } .logo-855casino-icon { background-image: url(images/gameproviders/logoicon/855casino.png); } .gaminglicense-box i { margin-right: 0.3rem; } #home-livetx { width: 100%; padding: 3px 8px; } #home-livetx table td.title { color: #000; font-weight: 700; } #home-livetx table td { border: 1px solid #fff; background: transparent; position: relative; padding: 3px; font-size: 11px; } #home-livetx table td.dep-col { background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); color: #fff; font-size: 10px; } #home-livetx table td.with-col { background-image: linear-gradient(to top, #fd9404, #fdb813); color: #fff; font-size: 10px; } #home-livetx table td.amount { text-align: right; color: #d0ad25; } #home-livetx table td .live { position: absolute; top: 3px; right: 3px; background: red; padding: 1px 3px; border-radius: 2px; color: #fff; font-weight: 400; } #home-livetx table td .live span { display: block; width: 9px; height: 9px; background: #fff; float: right; border-radius: 10px; margin: 2px 1px 2px 3px; } .main-blink-me { animation: blinkme 1.5s linear infinite; } @keyframes blinkme { 0% { opacity: 0; } 38% { opacity: 0; } 39% { opacity: 1; } 100% { opacity: 1; } } #loginPage.theme2 .title { height: 1.1rem; padding-top: 0.3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } #loginPage.theme2 .login_centent { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.61rem 0.7rem; background: #171717; width: 100%; -webkit-background-size: 100% 100%; background-size: 100% 100%; margin: 0 auto; } #loginPage.theme2 .login_centent .login_forgetpsd { color: inherit; } #loginPage.theme2 .icon_login_key { width: 1rem; background: url(../mya101/public/001/content/images/mobile/password-icon.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #loginPage.theme2 .icon_login_user { width: 1rem; background: url(../mya101/public/001/content/images/mobile/user-icon.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } #loginPage.theme2 .logo_big { display: none; } #loginPage.theme2 .btn-blue { width: 100%; background-color: #003b79; } #loginPage.theme2 .login_toreg { padding-bottom: 0.6rem; } #loginPage.theme2 .login_toreg a { color: #7e8c8d; } .about-content { background-color: white; } .image-container { height: 3.03rem; } .banner1-text { position: relative; display: flex; font-size: 0.35rem; color: black; top: -3rem; width: 5rem; margin-left: 1rem; font-weight: bold; } .text-desc { position: relative; display: flex; font-size: 0.30rem; color: black; top: -3rem; width: 4.5rem; margin-top: 5px; margin-left: 1rem; } .youtube-video-carousel-container .iframe-container { height: 6.21rem; padding: 0 0.1rem; } .youtube-video-carousel-container .scroll_menu .menu_nav li a { color: #000; background-size: 100% 100%; background-repeat: no-repeat; } .youtube-video-carousel-container .scroll_menu { height: 2.9rem; display: flex; margin-top: 8px; } .youtube-video-carousel-container .scroll_menu .menu_nav li { width: 33%; margin: 0 0.06rem; } .youtube-video-carousel-container .scroll_menu .menu_nav li i { font-size: 2.7rem; text-align: center; } .youtube-video-carousel-container .scroll_menu .menu_nav li i.fa-youtube { color: #b8b5b5; } .youtube-video-carousel-container .scroll_menu .menu_nav li.on i.fa-youtube { color: #FF0000; } .icon_home_logo_slot_ludobet { width: 100%; height: 100%; display: inline-block; background: url(images/menu/ludobet_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_jili { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jili_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_naga { width: 100%; height: 100%; display: inline-block; background: url(images/menu/naga_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_pegasus { width: 100%; height: 100%; display: inline-block; background: url(images/menu/pegasus_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_advantplay { width: 100%; height: 100%; display: inline-block; background: url(images/menu/advantplay_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_spinix { width: 100%; height: 100%; display: inline-block; background: url(images/menu/spinix_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_playstar { width: 100%; height: 100%; display: inline-block; background: url(images/menu/playstar_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_og { width: 100%; height: 100%; display: inline-block; background: url(images/menu/og_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_toptrend { width: 100%; height: 100%; display: inline-block; background: url(images/menu/toptrend_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_habanero { width: 100%; height: 100%; display: inline-block; background: url(images/menu/habanero_slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_kingmaker { width: 100%; height: 100%; display: inline-block; background: url(images/menu/kingmaker_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_fish_jili { width: 100%; height: 100%; display: inline-block; background: url(images/menu/jili_fishing_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_dctrelax { width: 100%; height: 100%; display: inline-block; background: url(images/menu/relax_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_bng { width: 100%; height: 100%; display: inline-block; background: url(images/menu/bng_slot_menu_h2.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_aviatrix { width: 100%; height: 100%; display: inline-block; background: url(images/menu/aviatrix_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_onlyplay { width: 100%; height: 100%; display: inline-block; background: url(images/menu/onlyplay_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_lucky365 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/lucky365_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_cockfight_sv388 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/sv388_cf_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_spribe { width: 100%; height: 100%; display: inline-block; background: url(images/menu/spribe_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_inout { width: 100%; height: 100%; display: inline-block; background: url(images/menu/inout_slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_rich88 { width: 100%; height: 100%; display: inline-block; background: url(images/menu/rich88_slot_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_gamerbuild { width: 100%; height: 100%; display: inline-block; background: url(images/menu/gamerbuild_menu_h.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_rpsoft { width: 100%; height: 100%; display: inline-block; background: url(images/menu/rpsoft_slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_besoft { width: 100%; height: 100%; display: inline-block; background: url(images/menu/besoft_slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .icon_home_logo_slot_slot4d { width: 100%; height: 100%; display: inline-block; background: url(images/menu/slot4d_slot_menu.png) no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; } .lucky-spin_rule pre { background-color: inherit; border: none; color: #898989; padding: 1rem; white-space: pre-wrap; word-break: break-word; } .nrc-tabs .nrc-tabs-nav { align-items: center; display: flex; justify-content: flex-start; } .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab.active { border-bottom: 1px solid #4868e7; color: #4868e7; } .nrc-tabs .nrc-tabs-nav .nrc-tabs-tab { text-align: center; flex: 1; font-weight: 400; line-height: unset; box-sizing: border-box; display: block; font-size: 16px; font-stretch: normal; font-style: normal; font-weight: 300; min-width: 65px; padding: 8px; } .nrc-tabs .nrc-tabs-nav { align-items: center; display: flex; justify-content: flex-start; } .m-centre-inbox .tab-content.personalMsg { height: calc(100% - 45px); } .m-centre-inbox .tab-content .nrc-tabs { height: 100%; } .m-centre-inbox .tab-content .nrc-tabs .nrc-tab-pane > .content-block { display: flex; flex-direction: column; height: 100%; justify-content: space-between; min-height: calc(100vh - 45px); } .m-centre-inbox .msg-btn { display: block; width: 100%; clear: both; font-weight: 400; font-family: inherit; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; padding: 5px 8px; } .m-centre-inbox .msg-btn:active { background-color: #f8f8f8; } .m-centre-inbox .widget-content { -ms-flex-direction: row; flex-direction: row; -ms-flex-align: center; align-items: center; } .m-centre-inbox .widget-content .widget-content-wrapper { display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: start; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .m-centre-inbox .widget-content .widget-heading { opacity: .8; font-weight: bold; } .m-centre-inbox .widget-content .widget-subheading { opacity: .5; width: 6rem; height: 35px; overflow: hidden; white-space: normal; display: inline-block; text-overflow: ellipsis; word-break: break-word; } .m-centre-inbox .widget-content .center-content, .m-centre-inbox .widget-content .right-content { display: flex; flex-direction: column; flex-wrap: wrap; align-content: space-between; justify-content: space-between; align-items: stretch; row-gap: 0.1rem; } .m-centre-inbox .widget-content .center-content .widget-heading { width: 6.3rem; height: 20px; overflow: hidden; display: inline-block; text-overflow: ellipsis; word-break: break-all; } .m-centre-inbox .widget-content .right-content .i { text-align: end; } .m-centre-inbox .widget-content .center-content { row-gap: 0.1rem; } .avatar-icon-wrapper { display: inline-block; margin-right: 0.1rem; position: relative; width: 1.5rem; text-align: center; } .avatar-icon-wrapper .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; } .avatar-icon-wrapper .badge-dot.badge-dot-lg.badge-bottom { top: auto; right: 0; bottom: 0; } .avatar-icon-wrapper .badge-dot.badge-dot-lg { width: 14px; height: 14px; border: #fff solid 2px; } .avatar-icon-wrapper .badge:empty { display: none; } .avatar-icon-wrapper .badge-dot { width: 10px; height: 10px; border: #fff solid 2px; } .avatar-icon-wrapper .badge { position: absolute; right: -2px; top: -2px; } .avatar-icon-wrapper .badge-dot-lg { width: 10px; height: 10px; } .avatar-icon-wrapper .badge-dot { text-indent: -999em; padding: 0; width: 8px; height: 8px; border: transparent solid 1px; border-radius: 30px; min-width: 2px; font-weight: bold; text-transform: uppercase; } .avatar-icon-wrapper .badge-success { color: #fff; background-color: #3ac47d; } .avatar-icon-wrapper img { border-radius: 20%; width: calc(85%); background-color: cornflowerblue; } .nav-messages li { border-bottom: 1px solid gray; } .nav-messages li .fa-bookmark { font-size: 0.4rem; color: #ededed; } .nav-messages li.new-message { background-color: #f8f8f8; } .nav-messages li.new-message .fa-bookmark { color: grey; } .footercontactus .most-play-title { font-family: nunito-black; font-size: .27rem; font-weight: 900; color: #a1aabc; line-height: 1.1rem; display: block; padding-left: 0.2rem; margin: 0; } body .footer-section div.contact-box { display: block; } .float-menu.contactmenu-floating-icon { z-index: 99; position: fixed; min-width: 40px; right: 0; top: 78%; padding: 8px } .float-menu.contactmenu-floating-icon i { font-size: 1.3rem } .float-menu.contactmenu-floating-icon .whatsapp-contact .click-to-dismiss { position: absolute; width: 20px; height: 20px; left: 0; top: 0 } .float-menu.contactmenu-floating-icon .click-to-dismiss i.fas.fa-times { font-size: .4rem } .footercontactus .contact-box ul li > span:nth-of-type(1) { font-size: .24rem; font-weight: 600; color: #a2aabd; } .footercontactus .contact-box ul li > span:nth-of-type(2) { font-size: .3rem; color: #ff4e00; } .footercontactus .contact-box .icon-livechat { height: 0.9rem; width: 1.1rem; } .footercontactus .contact-box .icon { font-size: 0.9rem; } .footercontactus .contact-box .i { padding-bottom: 0.1rem; } .footercontactus .contact-box ul li { min-width: auto; } .small-loading { fill: #ff8a00; } .lang-round-btn.dropdown-toggle::after { color: #fff; } .lang-round-btn { background: transparent; border: 1px solid transparent; width: 0.7rem; height: 0.7rem; } .lang-round-btn > img { width: 100%; height: 100%; } .m-transfer-container .m-transfer-form { margin: 0 .42rem } .m-transfer-container .m-transfer-form .standard-form-field { margin: 0 0 .66rem } .m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container { width: 100% } .m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .standard-input { margin: 0 } .m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container { display: flex; align-items: center; margin-top: .1rem } .m-transfer-container .m-transfer-form .special-code-field .standard-form-field-container .valid-invalid-container .valid-invalid-img { width: .5rem; height: .5rem; margin-right: .1rem } .standard-button-container .standard-submit-form-button { background: linear-gradient(#fcb813, #d58200); border-radius: 0.1rem; height: 0.95rem; width: 100%; line-height: 1rem; } .m-transaction-note-section .transaction-notes-container .notes-modal { background: #eaeaea; color: BLACk; padding: 0.25rem 0.3rem; border-radius: 0.1rem; margin: 0.25rem 0 0 } .m-standard-form-container .input-group-addon { border: none; background-color: transparent; color: #7b7a7a } .m-register-container .reg-step-container { padding: .4rem .42rem 0.2rem } .m-register-container .reg-step-container .reg-form-section, .m-register-container .reg-step-container .reg-step-2 { margin: .7rem 0 0 } .m-register-container .reg-step-container .reg-form-section .register-input-container:not(:last-child), .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(:last-child), .m-standard-transaction-container .standard-form-field:not(:last-child) { margin: 0 0 .4rem } .m-register-container .reg-step-container .reg-form-section .register-input-container, .m-register-container .reg-step-container .reg-step-2 .register-input-container { display: flex; flex-direction: column } .m-register-container .reg-step-container .transaction-button-section { margin: .85rem 0 0 } .m-register-container .reg-step-container .reg-form-section .register-input-container.affiliateID label, .m-register-container .reg-step-container .reg-step-2 .register-input-container.affiliateID label { cursor: pointer } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-label, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-label { justify-content: space-between; color: #06c } .m-register-container .reg-step-container .reg-notice-section, .m-register-container .reg-step-container .reg-footer-notice { margin: .6rem auto 0; text-align: center; font-size: .37rem; width: 85% } .m-register-container .reg-step-container .prompt-login-section, .m-register-container .reg-step-container .prompt-login { margin: 1.05rem 0 0; text-align: center } .m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .standard-form-field::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .standard-form-field::after { content: '\002A'; position: absolute; color: #e0092c; margin-left: .04rem; padding: 0 .04rem 0 0; font-size: .36rem; right: -.1rem; top: -.18rem } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:active { border: .02rem solid #0071e3 } .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=text], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=password], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=email], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=number], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=text], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=password] { -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 0.38rem; } .m-register-container .reg-step-container .prompt-login-section a, .m-register-container .reg-step-container .prompt-login a { color: #06c; text-decoration: underline } .reg-progress-bar-section { display: flex; align-items: center; justify-content: space-between; width: 50%; margin: .7rem auto 0; font-size: .28rem; line-height: .3rem } .reg-progress-bar-section .step-wrapper.on { background: #0071e3 } .reg-progress-bar-section .step-wrapper { display: flex; align-items: center; justify-content: center; width: .7rem; height: .7rem; border-radius: 50%; background: #e2e2e2; color: #fff; padding: .05rem 0 0; font-size: 0.4rem; } .reg-progress-bar-section .progressBar { width: 25%; height: .02rem; background: #e2e2e2 } .reg-progress-bar-section .step-wrapper svg { width: .35rem; fill: #fff; margin: -.01rem 0 0 -.01rem } .m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon.isOpen, .m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon.isOpen { transform: rotate(180deg) } .m-register-container .reg-step-container .reg-form-section .register-input-container .isOpen, .m-register-container .reg-step-container .reg-step-2 .register-input-container .isOpen, .m-forms-page .standard-form-field .standard-form-field-wrapper .standard-select-dropdown.isOpen { transition: visibility 0s linear .33s,opacity .33s linear; transition-timing-function: cubic-bezier(.47,0,.75,.72); visibility: visible; opacity: 1; transition-delay: 0s } .m-register-container .reg-step-container .reg-form-section .register-input-container .toggle-icon, .m-register-container .reg-step-container .reg-step-2 .register-input-container .toggle-icon { width: .24rem; height: .12rem; fill: #8697a2 } .m-register-container .reg-step-container .transaction-button-section .back-button { background: #e2e2e2; width: 18%; height: .95rem; line-height: 1rem } .m-register-container .reg-step-container .transaction-button-section .back-button svg { width: .45rem; fill: #fff } .m-register-container .reg-step-container.step-2 .transaction-button-section { margin: 1.2rem 0 0; display: flex; align-items: center; justify-content: space-between } .m-register-container .standard-button-container { width: 100%; display: flex; justify-content: flex-end; align-items: center } .m-register-container .reg-step-container .transaction-button-section .reg-btn-complete { width: 79% } .beta-arrow-down .st0 { fill: #949494 } .standard-form-field .standard-password-eye { position: absolute; right: .1rem; fill: #afb3b6; margin: 0; cursor: pointer; border-radius: 100%; padding: .03rem; height: .6rem; width: .6rem; margin: 0 .15rem; transform: translateY(-50%); top: .5rem; z-index: 1; } .standard-m-form-col-full { width: 100%; display: flex; flex-wrap: nowrap } .standard-form-field .standard-select img { width: .7rem; height: .7rem; margin-right: .2rem } .standard-m-form-col-50 { width: 50% !important } .standard-m-form-margin-right-10px { margin-right: .1rem } .m-register-container .reg-step-container .reg-form-section .register-input-container .select-arrow-up, .m-register-container .reg-step-container .reg-step-2 .register-input-container .select-arrow-up { transform: translate(0%,50%) rotate(225deg) } .beta-search .st0 { fill: url(#beta-search-SVGID_1_) } .beta-search .st1 { fill: url(#beta-search-SVGID_2_) } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode { max-height: 8rem; z-index: -1 } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-options { height: 5rem; overflow-y: scroll } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown, .m-forms-page .standard-form-field .standard-form-field-wrapper .standard-select-dropdown { left: 0; right: unset; top: 0; padding: 1rem .1rem .3rem; overflow-y: auto } .m-register-container .reg-step-container .reg-form-section .register-input-container .phone-field, .m-register-container .reg-step-container .reg-step-2 .register-input-container .phone-field { z-index: 2; position: relative } .standard-form-field .standard-select-dropdown { position: absolute; right: 0; top: .35rem; border: .01rem solid #d6d6d6; background: #e8e8e8; z-index: 2; width: 100%; overflow-y: scroll; max-height: 5.5rem; min-height: 2.2rem; border-radius: .15rem } .standard-form-field .standard-select.isOpen { z-index: 2 } .standard-form-field .standard-select-dropdown.isOpen { z-index: 1 } .m-register-container .reg-step-container .reg-form-section .register-input-container .isHide, .m-register-container .reg-step-container .reg-step-2 .register-input-container .isHide, .m-forms-page .standard-form-field .standard-form-field-wrapper .standard-select-dropdown.isHide { transition: visibility 0s linear .33s,opacity .33s linear; visibility: hidden; opacity: 0 } .m-register-container .reg-step-container .reg-form-section .register-input-container .isOpen, .m-register-container .reg-step-container .reg-step-2 .register-input-container .isOpen { transition: visibility 0s linear .33s,opacity .33s linear; transition-timing-function: cubic-bezier(.47,0,.75,.72); visibility: visible; opacity: 1; transition-delay: 0s } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper { background: #fff; border-radius: .4rem; padding: .15rem .3rem; margin: 0 0 .3rem } .standard-form-field-wrapper { position: relative; width: 100%; display: flex; align-items: center; flex-wrap: wrap } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper svg { width: .5rem; height: .5rem; margin: 0 .1rem 0 0 } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select-dropdown.standard-select-international-telcode .international-telcode-wrapper input { width: 90%; background: 0 0; border: none; height: .85rem } .standard-form-field .standard-select-dropdown .standard-select-options { display: list-item; height: unset; padding: .25rem .2rem; color: #8899a4; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .4rem } .standard-form-field .standard-select-dropdown .standard-select-options:hover, .standard-form-field .standard-select-dropdown .standard-select-options.active { background: #ff8a00; border-radius: .4rem; color: #fff } .m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .ignore-after::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .ignore-after::after { content: '' } .standard-form-field .standard-input:disabled, .standard-form-field .standard-input.disabled, .standard-form-field .standard-select:disabled, .standard-form-field .standard-select.disabled { background: #f7f7f7; color: #000000; opacity: 1; -webkit-text-fill-color: unset; cursor: not-allowed } .m-standard-transaction-container { padding: 0.4rem 0.42rem 0.2rem } .m-standard-transaction-container .standard-form-field .standard-error-validation { margin-top: 0.1rem } .m-standard-transaction-container .standard-form-field { display: flex; flex-direction: column } .m-standard-transaction-container .form-title { margin-bottom: 0.4rem } .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container svg { fill: #c7d2d7; height: 0.4rem; width: 0.4rem; margin: 0 0.18rem 0 0 } .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container { align-items: center; color: #8899a4; display: flex; font-size: .3rem; margin: 0.18rem 0 0; line-height: 1 } .decimal { display: none } .decimal.active { display: block } .m-standard-transaction-container .m-transaction-note-section { margin: 0 0 1rem } .m-standard-transaction-container .m-transaction-note-section .transaction-notes-container .notes-modal .note-info-detail { background: #f3f5f6; border-radius: 0.1rem } .m-standard-transaction-container .m-standard-form-container { margin: 0 0 1rem } .m-standard-transaction-container .standard-form-field .input-group > .standard-label { margin-bottom: 0; line-height: 2; } .EVO .st0 { fill: #898989 } .EVO .st1 { fill: url(#EVO--SVGID_1_) } .PPL .st0 { fill: #F29022 } .PPL .st1 { fill: #F68B29 } .PPL .st2 { fill: #FFFFFF } .SA .st0 { fill: #C09A5E } .AG2 .st0 { fill: #E65D25 } .AG2 .st1 { fill: #FFFFFF } .AG2 .st2 { fill: #168FBC } .AG2 .st3 { fill: #BA2227 } .WM .st0 { fill: #FFFFFF } .WM .st1 { fill: #0078FF } .BG .st0 { fill: #231F20 } .BG .st1 { fill: url(#BG--SVGID_1_) } .BG .st7 { fill: #FFFFFF } .GP .st0 { fill: #FFFFFF } .PT2 .st0 { fill: #353C7A } .BINL .st0 { fill: #CF2827 } .DG .st0 { fill: url(#DG--SVGID_1_) } .SG .st0 { fill: #B90C13 } .MEGA .st0 { fill: url(#MEGA--SVGID_1_) } .SCR2 .st0 { fill: url(#SCR2--SVGID_1_) } .SCR2 .st3 { fill: #FFFFFF } .JKR .st0 { fill: #FFFFFF } .JKR .st1 { fill: url(#JKR--SVGID_1_) } .HB .st0 { fill: url(#HB--SVGID_1_) } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box { margin: 0 0 0.66rem } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-title { margin: 0 0 0.26rem } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider { display: grid; grid-template-columns: repeat(2,1fr); grid-row-gap: 0.5rem; grid-column-gap: 0.15rem } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item { background: #ffffff; border-radius: 0.1rem; padding: 0.18rem 0.18rem 0.38rem; position: relative } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .pi-status { align-items: center; display: flex; margin: 0 0 0.2rem } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .pi-status svg { background: none; border-radius: 0.1rem; height: 1rem; margin: 0 0.2rem 0 0; padding: 0.05rem; width: 1rem } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .pi-status .pi-content .pi-name { color: #0f161f; text-transform: uppercase; } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container { background: #fff; border-radius: 0.1rem; color: #8899a4; display: flex; justify-content: space-between; padding: 0.1rem 0.15rem 0.1rem 0.25rem; flex-flow: wrap } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .turnover-allin-container span:first-child { text-transform: lowercase } .m-walletbalance-container .m-standard-form-container .provider-list-container .list-box .box-provider .provider-item .pi-allin-btn { align-items: center; background: #e8e8e8; color: #fff; border-radius: 0.5rem; display: flex; justify-content: center; font-size: .33rem; height: 0.5rem; left: 20%; margin: auto; position: absolute; top: 90%; width: 3rem } .m-standard-st-table-container { color: #8899a4; border-top: 0.01rem solid #dbe0e4; padding: 0.5rem 0 0 } .m-standard-st-table-container .standard-st-table .table-header-container { background: #ffffff; color: #0f161f; text-align: left } .m-standard-st-table-container .standard-st-table .table-header-container .table-header { padding: 0.2rem 0 0.2rem 0.2rem } .m-standard-st-table-container .standard-st-table .table-header-container .table-header:last-child { border-radius: 0 0.1rem 0.1rem 0; padding: 0.2rem } .m-standard-st-table-container .standard-st-table .empty-record { height: 1.6rem; text-align: center } .m-standard-st-table-container .standard-st-table .table-content-container { border-bottom: 1px solid #bababa } .m-standard-st-table-container .standard-st-table .table-content-container .table-content { padding: 0.2rem 0 0.2rem 0.2rem } .m-standard-st-table-container .standard-st-table .table-content-container .table-content span { display: block } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-promotion { font-size: 0.33rem } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-transType { font-weight: bolder; margin-bottom: 6px; color: #434343 } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-amount { color: black } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-status { font-weight: bolder } .m-standard-st-table-container .standard-st-table .table-content-container .table-content { color: black } .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-date, .m-standard-st-table-container .standard-st-table .table-content-container .table-content .col-promotion { color: #8899a4 } .mobile-nav .currency-count { display: flex; align-items: center } .mobile-nav .currency-count .currency { font-family: nunito-bold; font-size: .3rem; color: #4b4b4b; -webkit-transform: translateY(-0.04rem); transform: translateY(-0.04rem); transition: color .3s } .mobile-nav .currency-count .walletamount { font-family: nunito-bold; font-size: .5rem; color: #4b4b4b; margin-left: 0.14rem } .CMD .st0 { fill: #ffffff } .CMD .st1 { fill: url(#CMD-SVGID_1_) } .CQ9 .st0 { fill: url(#XMLID_00000168093614056890293700000004730954046864056750_) } .JL .st0 { fill: url(#JL--SVGID_1_) } .MGP .st0 { fill: url(#MGP--SVGID_1_) } .m-deposit-landing-container .m-forms-page { padding: 0.35rem } .m-deposit-landing-container .deposit-label-offline-bank-container { margin: 0 0 0.26rem } .m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank { display: grid; grid-template-columns: 90% auto } .m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .st-title { color: #0f161f; font-weight: 600; margin: 0; font-size: .45rem } .m-deposit-landing-container .deposit-tab-container { background: 0 0; margin: 0 0 0.78rem; overflow: unset } .m-standard-transaction-container .standard-tab-container .standard-tab, .m-deposit-landing-container .standard-tab-container .standard-tab { display: grid; grid-template-columns: repeat(4,0.4fr); grid-column-gap: 0.15rem; grid-row-gap: 0.3rem; padding: 0 } .m-standard-transaction-container .standard-tab .tab-header, .m-deposit-landing-container .standard-tab .tab-header { color: #8899a4; flex-direction: column; justify-content: start; padding: 0; font-size: .35rem } .m-deposit-landing-container .deposit-tab .tab-header .img-container svg:not(:root) { overflow: visible; height: 0.85rem; width: 100% } .m-deposit-landing-container .channel-container .tab-header .img-container svg:not(:root), .m-standard-transaction-container .channel-container .tab-header .img-container svg:not(:root) { overflow: visible; height: 0.9rem; width: 1.95rem } .m-deposit-landing-container .deposit-tab .active .img-container svg, .m-standard-transaction-container .deposit-tab .active .img-container svg { fill: #fff; filter: brightness(0) invert(1) } .m-deposit-landing-container .deposit-tab .active .img-container svg.telco, .m-deposit-landing-container .deposit-tab .active .img-container svg.tarspay { filter: none; } .m-deposit-landing-container .tab-header .deposit-option, .m-standard-transaction-container .tab-header .deposit-option { text-align: center; white-space: normal } .standard-tab-container .standard-tab .tab-header.active { background: 0 0; border-image: unset } .m-deposit-landing-container .channel-container .standard-tab .active .img-container, .m-standard-transaction-container .standard-tab .active .img-container { background: #ffffff; border: 0.02rem solid #ff8a00 } .m-deposit-landing-container .tab-header .img-container, .m-standard-transaction-container .tab-header .img-container { align-items: center; background: #f3f5f6; border-radius: 0.2rem; display: flex; justify-content: center; margin: 0 0 0.15rem; padding: 0.3rem 0; width: 100% } .m-deposit-landing-container .deposit-tab-container .deposit-tab .active .img-container { background: linear-gradient(to right,#067db0,#04abc2) } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .st-title { color: #06c; display: flex; margin: 0 0 0.26rem; text-transform: capitalize; font-size: .45rem } .m-deposit-landing-container .m-standard-transaction-container { margin: 0; padding: 0 } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list { background: #ffffff; border-radius: 0.2rem; margin: 0 0 0.72rem; padding: 0.38rem } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item { align-items: flex-start; display: flex; margin: 0 0 0.3rem; justify-content: space-between } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container { position: relative; width: 14%; padding: 0; margin-right: 8px } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.online:before { position: absolute; content: ''; background: #30e100; border-radius: 50%; width: 0.18rem; height: 0.18rem; top: -8%; right: -8%; z-index: 1 } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container i, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .img-container img { filter: grayscale(0%); border: 0.05rem solid #ff8a00; -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .bank-name { color: #0f161f } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-name, .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .bank-link { color: #8899a4; width: 80%; display: flex; } .standard-form-field .standard-input-svg { position: absolute; right: 0.1rem; width: 0.61rem; height: 100%; padding: 0; fill: #afb3b6; margin: 0; overflow: visible } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container { display: grid; grid-template-columns: repeat(5,0.5fr); grid-column-gap: 0.1rem; width: 100%; margin-top: 5px; grid-row-gap: 0.1rem; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn { background: #ffffff; border-radius: 0.1rem; color: #8899a4; font-size: .35rem; height: 0.86rem; border: none; line-height: normal; } .bank-item .bankaccname-field, .bank-item .bankaccnumber-field, .bank-item .bank-qrcode { display: none } .bank-item.active .bankaccname-field, .bank-item.active .bankaccnumber-field, .bank-item.active .bank-qrcode { display: flex } .bank-item.active .bankaccname-field, .bank-item.active .bankaccnumber-field { margin-top: 3px; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .promotion-list-container .promotion-list .active .img-container .radio-input-card { filter: grayscale(0%); border: 0.02rem solid #ff8a00; -webkit-transform: translateZ(0); -webkit-perspective: 1000; -webkit-backface-visibility: hidden } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .promotion-list-container .promotion-list .promotion-item { align-items: flex-start; display: flex; margin: 0 0 0.3rem; justify-content: space-between } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .promotion-list-container .promotion-list .promotion-item .img-container { position: relative; width: 14%; padding: 0; margin-right: 5px } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .promotion-list-container .promotion-list { margin: 0 0 0.72rem } .m-deposit-landing-container .promotion-card { display: flex; flex-direction: column; margin-bottom: 8px; background: #ffffff; border-radius: 0.2rem; padding: 8px } .m-deposit-landing-container .promotion-card-desc { color: #8899a4; width: 84% } .m-deposit-landing-container .promotion-card-desc .promo-settings, .m-deposit-landing-container .promotion-card-desc .promo-minamount { font-size: 0.33rem } .m-deposit-landing-container .promotion-card-desc .promo-title { color: #3a3a3a; margin-bottom: 1px; font-size: 0.37rem } .m-deposit-landing-container .promotion-card .radio-input-card { width: 1.3rem; height: 1.3rem; display: flex; flex-direction: row; justify-content: center; align-items: center; background-color: #eeeeee; border-radius: 3px } .m-deposit-landing-container .promotion-card.active .radio-input-card .checkmark { background: #ff4e00 } .m-deposit-landing-container .promotion-card .radio-input-card .checkmark:hover { background: #ff4e00 } .m-deposit-landing-container .promotion-card .radio-input-card .checkmark { position: relative; height: 0.5rem; width: 0.55rem; background-color: #eee; border-radius: 50%; cursor: pointer } .m-deposit-landing-container .promotion-card.active .radio-input-card .checkmark:before { content: ""; border: 0.1rem solid #fff; width: auto; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% } .m-deposit-landing-container .promotion-card .radio-input-card .checkmark:before { content: ""; border: 0.1rem solid #fff; width: auto; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% } .m-deposit-landing-container .promotion-card.active .radio-input-card .checkmark:after { content: ""; border: 0.05rem solid #ff4e00; width: auto; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% } .m-deposit-landing-container .promotion-card .radio-input-card .checkmark:after { content: ""; border: 0.05rem solid #b1b1b1; width: auto; height: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50% } .promotion-list { transition: .3s; opacity: 0; visibility: hidden; height: 0 } .promotion-list.show { opacity: 1; visibility: visible; height: auto } .m-deposit-landing-container .collapse { display: flex; align-items: center; justify-content: center; background: #eaf5fa; height: 0.8rem; cursor: pointer; margin-bottom: 8px } .m-deposit-landing-container .collapse svg { fill: #6da0dd; transform: rotate(90deg); width: 0.15rem; transition: .3s } .m-deposit-landing-container .collapse.show-more svg { transform: rotate(270deg) } .m-deposit-landing-container .collapse p { color: #04a8c2; margin: 0 0 0 0.28rem; line-height: 1.2; font-size: 0.38rem } .standard-form-field .standard-datetimepicker { width: 100% } .h296d16f1aluod2e0e-e3p .st0 { fill: #8697A2 } .beta-arrow-down .st0 { fill: #949494 } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper { display: grid; grid-template-columns: 58% 40%; gap: 0.15rem } .m-settings-page .standard-form-field:not(:first-child) { margin: 0.4rem 0 0 } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .upload-receipt-btn { display: flex; justify-content: center; align-items: center; gap: 0.1rem; width: 100%; height: 1rem; background: #fff; color: #8899a4; border: 0.02rem solid #dbe0e4; border-radius: 0.15rem; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0.1rem } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .upload-receipt-btn.with-attachment { color: #0071e3 } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .upload-receipt-btn svg { width: 0.5rem } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .receipt-control-section { display: flex; justify-content: center; align-items: center; gap: 0.1rem; } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .receipt-control-section .preview-receipt-btn { display: block; width: 100%; height: 0.9rem; background: #0071e3; border-radius: 0.15rem; text-transform: none; text-shadow: none; color: white; border: none } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .receipt-control-section .delete-receipt-btn { display: block; width: 15%; height: 0.75rem; background: 0 0; border: none } i.icon.bank-logo { background-image: url(/Content/Payment/Theme2/bank/bank.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1.3rem; height: 1.3rem; display: inline-block; background-color: #eeeeee; border-radius: 3px; background-repeat: no-repeat } .beta-option-CT .st0 { fill: url(#beta-option-CT-SVGID_1_) } .beta-option-CT .st1 { fill: url(#beta-option-CT-SVGID_2_) } .beta-option-B .st0 { fill: url(#beta-option-B-bank-option-B-SVGID_1_) } .beta-option-B .st1 { fill: url(#beta-option-B-bank-option-B-SVGID_2_) } .beta-option-QR .st0 { fill: #004A98 } .beta-option-QR .st1 { fill: url(#beta-option-QR-SVGID_1_) } .beta-option-QR .st2 { fill: url(#beta-option-QR-SVGID_2_) } .beta-option-QR .st3 { fill: url(#beta-option-QR-SVGID_3_) } .beta-option-QR .st4 { fill: url(#beta-option-QR-SVGID_4_) } .beta-option-QR .st5 { fill: url(#beta-option-QR-SVGID_5_) } .beta-option-QR .st6 { fill: url(#beta-option-QR-SVGID_6_) } .beta-option-QR .st7 { fill: url(#beta-option-QR-SVGID_7_) } .beta-option-QR .st8 { fill: url(#beta-option-QR-SVGID_8_) } .beta-option-QR .st9 { fill: url(#beta-option-QR-SVGID_9_) } .beta-option-QR .st10 { fill: url(#beta-option-QR-SVGID_10_) } .beta-option-QR .st11 { fill: url(#beta-option-QR-SVGID_11_) } .beta-option-QR .st12 { fill: url(#beta-option-QR-SVGID_12_) } .beta-option-QR .st13 { fill: url(#beta-option-QR-SVGID_13_) } .beta-option-QR .st14 { fill: url(#beta-option-QR-SVGID_14_) } .beta-option-QR .st15 { fill: url(#beta-option-QR-SVGID_15_) } .beta-option-QR .st16 { fill: url(#beta-option-QR-SVGID_16_) } .beta-option-QR .st17 { fill: url(#beta-option-QR-SVGID_17_) } .beta-option-QR .st18 { fill: url(#beta-option-QR-SVGID_18_) } .beta-option-QR .st19 { fill: url(#beta-option-QR-SVGID_19_) } .beta-option-QR .st20 { fill: url(#beta-option-QR-SVGID_20_) } .beta-copy-gradient .st0 { fill: #004A98 } .beta-copy-gradient .st1 { fill: url(#beta-copy-gradient-SVGID_1_) } .beta-copy-gradient .st2 { fill: url(#beta-copy-gradient-SVGID_2_) } .beta-copy-gradient .st3 { fill: url(#beta-copy-gradient-SVGID_3_) } .beta-copy-gradient .st4 { fill: url(#beta-copy-gradient-SVGID_4_) } .beta-copy-gradient .st5 { fill: url(#beta-copy-gradient-SVGID_5_) } .beta-copy-gradient .st6 { fill: url(#beta-copy-gradient-SVGID_6_) } .hcece533eebcl7d4dtb .st0 { fill: #8697A2 } .hcece533eebcl7d4dtb .st1 { fill: none } .h7e8145Pfcad3eF .st0 { fill: #3952A0 } .h7e8145Pfcad3eF .st1 { fill: #47B065 } .h7e8145Pfcad3eF .st2 { fill: url(#FP-SVGID_1_) } .hO4T7eDI4Nd1326U7W2c .st1 { fill: url(#TP2DN-SVGID_2_) } .hO4T7eDI4Nd1326U7W2c .st1 { fill: url(#TP2DN-SVGID_2_) } .hO4T7eDI4Nd1326U7W2c .st1 { fill: url(#TP2DN-SVGID_2_) } .hO4T7eDI4Nd1326U7W2c .st18 { fill: #FFFFFF } .hO4T7eDI4Nd1326U7W2c .st18 { fill: #FFFFFF } .hO4T7eDI4Nd1326U7W2c .st18 { fill: #FFFFFF } .hO4T7eDI4Nd1326U7W2c .st187 { fill: #E31760 } .hO4T7eDI4Nd1326U7W2c .st188 { fill: #131210 } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list.title-center .bank-item { align-items: center } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .active .bank-name { color: black } .m-deposit-landing-container .isdisabled .promotion-card-desc .promo-title { color: #b9b9b9; } .m-deposit-landing-container .receipt-image-box img { width: 100%; } .m-quickdeposit-container .bank-title-section, .m-quickdeposit-container .bank-account-number, .m-quickdeposit-container .bank-account-name, .m-quickdeposit-container .bank-number-section, .m-quickdeposit-container .bank-account-section { text-align: center; align-content: center; justify-content: center } .m-quickdeposit-container .row.button-section { text-align: center; padding: 5px; align-content: center; justify-content: center } .m-quickdeposit-container span { text-transform: capitalize } .m-quickdeposit-container .bank-info-section span { padding: 5px } .m-quickdeposit-container .bank-info-section { background-color: #848176; padding: 10px } .m-quickdeposit-container .bank-title { background-color: #e2e238 } .m-quickdeposit-container .bank-title-desc, .m-quickdeposit-container .bank-number-section, .m-quickdeposit-container .bank-account-section { color: #ecec41 } .m-quickdeposit-container .bank-title-desc { margin-top: 10px } .m-quickdeposit-container .bank-number-section { border-right: 1px solid } .m-quickdeposit-container .bank-account-number { color: #1e1ee0 } .m-quickdeposit-container .copy-btn { border: 2px solid black; background-color: #e2e238; border-radius: 0px } .m-quickdeposit-container .notice-section { color: white } #footermenu-theme2 { bottom: 0; width: 100% } #footermenu-theme2 .-outer-wrapper { display: flex; align-items: flex-end } #footermenu-theme2 .-left-wrapper { border-top-left-radius: 10px; border-top-right-radius: 22px } #footermenu-theme2 .-left-wrapper, #footermenu-theme2 .-right-wrapper { display: flex; align-items: flex-end; flex: 1; z-index: 2; height: 70px; padding-bottom: 6px; background: linear-gradient(whitesmoke, #e6e6e6); transition: -webkit-filter .2s; transition: filter .2s; transition: filter .2s,-webkit-filter .2s } #footermenu-theme2 .-right-wrapper { border-top-right-radius: 10px; border-top-left-radius: 22px } #footermenu-theme2 .-center-wrapper { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; z-index: 2; height: 74px; width: 74px; margin: 0 8px 16px; padding-bottom: 20px; color: #353535; border-radius: 50%; box-shadow: 0 0 10px hsla(0,0%,100%,.4); background: linear-gradient(whitesmoke, #e6e6e6); font-size: 0.33rem } #footermenu-theme2 .-center-wrapper .-selected { transition: all .4s; height: 100%; width: 100%; border-radius: 50% } #footermenu-theme2 .-center-wrapper .-selected, #footermenu-theme2 .-center-wrapper .-selecting { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center } #footermenu-theme2 .-fake-center-bg-wrapper { position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; height: 50px; transition: -webkit-filter .2s; transition: filter .2s; transition: filter .2s,-webkit-filter .2s; overflow: hidden } #footermenu-theme2 .-fake-center-bg-wrapper svg path { fill: #e6e6e6 } #footermenu-theme2 .-fake-center-bg-wrapper svg { position: absolute; left: 50%; bottom: 0; height: 108px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: unset } #footermenu-theme2 .-item-wrapper { width: 50%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; color: #353535; font-size: 0.3rem; } .deposit-progress-bar-container { display: flex; align-items: center; justify-content: space-between; padding: .3rem .35rem .3rem .5rem } .deposit-progress-bar-container .account-info-container { display: flex; align-items: center; font-size: .4rem } .deposit-progress-bar-container .account-info-container .account-icon { background: #ff8a00; border-radius: 50%; width: .7rem; height: .7rem; fill: #fff } .deposit-progress-bar-container .account-info-container .account-icon .beta-profile { padding: .08rem } .deposit-progress-bar-container .account-info-container .account-name { margin: 0 0 0 .2rem; color: #005acc } .deposit-progress-bar-container .account-grade-container { display: flex; align-items: center; font-size: .3rem } .deposit-progress-bar-container .account-grade-container .account-group-container, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container { display: flex; align-items: center; position: relative; color: #fff } .deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background { position: absolute; z-index: 1 } .deposit-progress-bar-container .account-grade-container .account-group-container .group-level, .deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .group-level, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc { display: flex; align-items: center; height: .5rem; border-radius: .3rem; background: #61a2b0; padding: 0 .25rem 0 .6rem; margin: 0; z-index: 0; line-height: 0 } .deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background .group-img, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background .group-img { width: 1.3rem; height: auto; vertical-align: middle; border-style: none } .account-menu-section { margin: .55rem 0; padding: 0 .4rem; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: .15rem; display: flex; flex-wrap: wrap } .account-menu-section .shortcut-menu { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f3f5f6; border-radius: .1rem; padding: .15rem .1rem .3rem; width: 3.23rem } .account-menu-section .shortcut-menu svg { height: 1.2rem; width: 1.2rem } .account-menu-section .shortcut-menu .shortcut-label { margin: .22rem 0 0; color: #0f161f; word-break: break-word; text-align: center } .account-menu-section .shortcut-menu .mobile-beta-mission-daily { width: 3.2rem } .account-menu-section .shortcut-menu .menu-img-wrapper { position: relative } .account-menu-section .shortcut-menu .menu-img-wrapper .unread-msg { position: absolute; display: flex; align-items: center; justify-content: center; color: #fff; right: 8%; top: 23%; font-size: .3rem; width: .42rem; margin: 0 } .account-menu-section .shortcut-menu svg.mobile-beta-message { margin: 0 0 0 .2rem } .mobile-beta-profile .st1, .mobile-beta-profile .st2 { fill: url(#SVGID_2_) } .mobile-beta-referral .st0 { fill: #004A98 } .mobile-beta-bankdetail .st1, .mobile-beta-changepw .st1, .mobile-beta-referral .st1 { fill: url(#SVGID_1_) } .mobile-beta-referral .st2 { fill: url(#SVGID_00000119079245343331365590000016421689430118067075_) } .mobile-beta-referral .st3 { fill: url(#SVGID_00000083768638355428003040000005409964085855226000_) } .mobile-beta-referral .st4 { fill: url(#SVGID_00000177464252446278338580000013244673141626334888_) } .mobile-beta-referral .st5 { fill: url(#SVGID_00000042737545038307679770000011085009074351346829_) } .mobile-beta-referral .st6 { fill: url(#SVGID_00000085942945124980238170000001265011458932172199_) } .mobile-beta-message .st0 { fill: url(#mobile-beta-message-SVGID_1_) } .mobile-beta-message .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #FF0000 } .mobile-beta-bankdetail .st0, .mobile-beta-changepw .st0 { fill: #004a98 } .mobile-beta-bankdetail .st2 { fill: url(#SVGID_00000058577889590207579670000004490882930635014820_) } .mobile-beta-changepw .st2 { fill: url(#SVGID_00000044142351294738297090000002209351098037381811_) } .mobile-beta-changepw .st3 { fill: url(#SVGID_00000034773861883717926810000016457536929666131101_) } .mobile-beta-changepw .st4 { fill: url(#SVGID_00000147206016811570335890000006051141005209920943_) } .mobile-beta-changepw .st5 { fill: url(#SVGID_00000018923193304243022350000009354790784950627728_) } .account-menu-section i:is(.fas, .fa, .fab) { padding: 9px; font-size: 0.8rem; } .owl-carousel .owl-item { height: auto; } .best-sport-games-slider.owl-carousel .owl-item { height: 3.5rem; } .vip-upgrade-chart.owl-carousel .vip-table th img { display: inline; height: 1.3rem; } .menu-item-myvoucher .fa-stack { width: 100%; height: 0.9rem; } .m-settings-page .standard-tab-container { padding: .55rem .4rem 0; } .m-settings-page .standard-tab-container .standard-tab { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 .15rem; height: 1.1rem; } ._tabHeaderTitle_1ivtf_1 { display: grid; grid-template-columns: auto auto; background: rgba(134, 151, 162, .8); color: #fff; border-radius: .08rem .08rem 0 0; align-content: center; height: .5rem; cursor: pointer; text-align: center; padding: 0; height: 100%; border-radius: .1rem .1rem 0 0; } ._tabHeaderTitle_1ivtf_1._active_1ivtf_22 { background: linear-gradient(to right, #095ebd, #04a9c2); } ._tabHeaderTitle_1ivtf_1 span:first-child { grid-column: 1 / span 2; } .m-standard-tabcontent-container { padding: .65rem .55rem 0; } .profile-column .column-title { font-size: 0.63rem; font-weight: 600; margin: 0 0 .55rem; color: #0f161f; } .m-settings-page .standard-form-field:not(:first-child) { margin: .4rem 0 0; } .profile-column .standard-form-field { display: grid; grid-template-columns: 3fr 4fr 1fr 1fr; align-items: center; margin: 0 0 .5rem; } .m-settings-page .standard-form-field .standard-label { color: #0f161f; font-size: .45rem; height: .4rem; font-weight: 600; } .m-settings-page .standard-form-field > p.standard-label { margin: auto; } .profile-column .standard-form-field .standard-input { background: unset; border: unset; height: 100%; color: #0f161f; font-size: 0.4rem; } .profile-column .standard-form-field .edit-btn { background: unset; width: .5rem; } .m-settings-page button { border-width: unset; border-style: unset; border-color: unset; border-image: initial; } .profile-column .standard-form-field .more-info-btn { background: unset; width: .5rem; fill: #8697a2; } .profile-column .standard-form-field .more-info-btn svg { overflow: visible; } .profile-column:not(:first-child) { margin: .8rem 0 0; } .beta-edit .st0 { fill: #8899a4; } div:where(.swal2-container) div:where(.swal2-popup) { font-size: inherit; } .swal2-popup.swal2-toast .swal2-icon { font-size: 0.4rem; } div:where(.swal2-container) .swal2-html-container { padding: 0.2em 0.4em .3em; } div:where(.swal2-container) .swal2-html-container .standard-error-validation { text-align: left; } div:where(.swal2-container) div:where(.swal2-actions) { margin: 0.5em auto 0; } .preview-img-container .swal2-image { padding: 0 0.5em; } .standard-form-field .standard-input.pwdfont { font-family: 'password'; } .standard-form-field .standard-input.pwdfont.pin { letter-spacing: 15px; } .standard-error-container .standard-error-validation.text-danger { padding: 0px 0px 0.3rem 8px; } .beta-arrow-right .st0 { fill: #ffffff } .m-settings-page.m-referral-container { color: #000; margin: 0; padding: 0 0 1rem } .m-settings-page .m-standard-tabcontent-container { font-size: .43rem } .m-referral-container p { margin: 0 } ._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 { display: flex; justify-content: space-between; background: rgba(255,255,255,.3019607843); border-radius: 100px; width: 70%; height: .7rem; align-items: center; padding: 0 .3rem } ._referralDetailContainer_1w7kh_1 ._referralCopyDetailContainer_1w7kh_31 ._referralCopyDetail_1w7kh_31 ._arrow_1w7kh_46 svg { width: .2rem; fill: #fff } ._referralDetailContainer_1w7kh_1 { display: grid; border-radius: .08rem; font-size: .3rem; padding: .5rem .4rem; height: 5rem } ._referralDetailContainer_1w7kh_1 ._referralDetailContainerTitle_1w7kh_22 { font-weight: 600; width: 95%; font-size: .42rem } ._referralDetailContainer_1w7kh_1 p { width: 95% } .m-myreferral-container .ref-code-link-container { margin: .69rem 0 0; display: flex } .m-myreferral-container .ref-status-box { margin: .69rem 0 0 } .m-myreferral-container .ref-code-link-container label, .m-myreferral-container .ref-status-box label { color: #000; font-size: .46rem } .m-myreferral-container .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper { position: relative; border: .01rem solid #dbe0e4; border-radius: .1rem } .m-myreferral-container .ref-code-link-container > div.ref-link-box { width: 100% } .m-myreferral-container .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper .standard-input { border: 0; padding: 0 1.1rem 0 .35rem; height: .88rem; font-size: .4rem; border-radius: .1rem; color: #0f161f; text-overflow: ellipsis; background: #f3f5f6; width: 100% } .m-myreferral-container .ref-code-link-container > div.ref-link-box .standard-form-field-wrapper .icon-copy { position: absolute; margin: auto; top: 0; bottom: 0; right: .1rem; width: .5rem; height: .53rem; cursor: pointer } .m-myreferral-container .bottom-content { display: grid; margin: .78rem 0 0; justify-content: normal } .m-myreferral-container .bottom-content .share-title { color: #8697a2 } .m-myreferral-container .bottom-content .referOption-container { margin: .35rem 0 0; width: 100%; text-align: center } .m-myreferral-container .bottom-content .referOption-container .referOption { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #f3f5f6; border-radius: .1rem; padding: .25rem; border: .02rem solid #ff8a00 } .m-myreferral-container .bottom-content .referOption-container .referOption .option-remark { color: #2d72da; margin: 0 0 .2rem; font-weight: 600 } .m-myreferral-container .bottom-content .referOption-container .referOption .option-wrapper { display: flex; flex-direction: column; justify-content: center; width: 100%; background: #fff; padding: .15rem; color: #8899a4; border-radius: .1rem } .m-myreferral-container .bottom-content .referOption-container .referOption .option-wrapper .option-deposit { margin: .15rem 0 0 } .m-myreferral-container .bottom-content .ref-share-container { position: relative } .m-myreferral-container .bottom-content .ref-share-container .standard-submit-btn { background: #ff7200; color: #fff; margin: .4rem 0 0 } .m-myreferral-container .ref-status-box .ref-status { display: flex; flex-direction: column; justify-content: center; height: 1rem; padding: 0 .33rem; background: #f3f5f6; border-radius: .1rem; border: .01rem solid #dbe0e4; width: 100% } .m-myreferral-container .ref-status-box .ref-status .invi-status { display: flex; align-items: center; justify-content: space-between; width: 100% } .m-myreferral-container .shareqr-container { display: grid; align-items: center; grid-template-columns: auto auto; background-image: url(./images/referral-bg.png); background-repeat: no-repeat; background-size: cover; background-position: center center } .m-myreferral-container .shareqr-container a { padding-right: .3rem } .beta-copy .st0 { fill: #004a98 } .beta-copy .st1 { fill: url(#beta-copy-SVGID_1_) } .beta-copy .st2 { fill: url(#beta-copy-SVGID_2_) } .beta-copy .st3 { fill: url(#beta-copy-SVGID_3_) } .beta-copy .st4 { fill: url(#beta-copy-SVGID_4_) } .beta-copy .st5 { fill: url(#beta-copy-SVGID_5_) } .beta-copy .st6 { fill: url(#beta-copy-SVGID_6_) } ._kycContainer_jhq5o_1 { padding: 0 0 .5rem } ._svgIcon_1ncl5_1 { display: flex } .profile-column .standard-form-field.kyc-form-field { display: flex; flex-direction: column; align-items: normal; margin: 0 0 .5rem } .profile-column .standard-form-field.kyc-form-field .kyc-header { display: flex; align-items: center; position: relative; margin: 0 0 .1rem } .profile-column .standard-form-field .kyc-label { color: #0f161f; font-size: .4rem; width: 93.5% } .profile-column .standard-form-field.kyc-form-field .kyc-input-field { display: flex; align-items: center } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file { display: flex; align-items: center; justify-content: center; background: 0 0; margin: 0 .2rem 0 0; width: 65%; height: 1rem; border: .01rem solid #e8e8e8; border-radius: .1rem; color: #8697a2 } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file svg { width: .4rem; height: .4rem; margin: 0 .1rem 0 0 } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content { font-size: .33rem; color: #8697a2; padding: 0 3px } ._customToolTipBox_ctqv8_26 { background: #f3f5f6; width: 2.23rem; padding: .12rem; display: grid; grid-template-columns: .5rem auto; gap: .1rem; color: #8697a2; align-items: center; font-size: .12rem; border-radius: .1rem; z-index: 1; position: absolute } ._svgIcon_1ncl5_1._iconToolTip_1ncl5_34 svg { width: .34068376rem; height: .34899829rem; cursor: pointer; display: none } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content.kyc-contented { width: 4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 .2rem; color: #0071e3 } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file .beta-copy { width: .6rem; height: .6rem; margin: .05rem 0 0 } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choosefile-preview { display: flex; align-items: center; justify-content: center; background: #0071e3; padding: 0 .15rem; margin: 0 .2rem 0 0; width: 30%; height: .9rem; border: .01rem solid #e8e8e8; border-radius: .1rem; color: #fff } .m-settings-page.m-p2p-container .standard-form-field .standard-label { color: #06c; } .m-settings-page.m-forms-page .standard-form-field .standard-label { font-size: inherit } .fas.fa-envelope, .fas.fa-people-arrows { color: #0969be } .beta-terms-notice .st0 { fill: #d71920 } .beta-terms-notice .st1 { fill: #ffffff } ._noticeContainer_1rhrf_1 { background: #fff; margin: .08rem 0; border-radius: .08rem } ._dropdownTitle_uxqg3_1 { align-items: center; display: flex; gap: .12rem; cursor: pointer; color: #0f161f; font-weight: 600; margin: 0 0 .26rem; padding: .25rem .38rem .25rem .28rem; border-top: .2rem solid #f3f5f6; font-size: .38rem } ._dropdownTitle_uxqg3_1 svg { width: .4rem } ._dropdownTitle_uxqg3_1 ._dropdownArrow_uxqg3_21 { margin-left: auto } ._dropdownTitle_uxqg3_1 ._dropdownArrow_uxqg3_21 svg { width: .45rem; height: .45rem; transition: .2s; transform: rotate(180deg); fill: #8697a2 } ._dropdownTitle_uxqg3_1 ._dropdownArrow_uxqg3_21._rotate_uxqg3_24 svg { transition: .2s; transform: rotate(0) } ._noticeContainer_1rhrf_1 ._noticeContentContainer_1rhrf_9 { padding: 0 .2rem .2rem .4rem } ._noticeContainer_1rhrf_1 ._noticeContentContainer_1rhrf_9 ._noticeContent_1rhrf_9 { padding: 0 .4rem; color: #8697a2; font-size: .32rem } ._noticeContainer_1rhrf_1 ._noticeContentContainer_1rhrf_9 ._noticeContent_1rhrf_9 li { margin: 0 0 .15rem; list-style: disc } ._noticeContainer_1rhrf_1 ._noticeContentContainer_1rhrf_9 ._readMoreButton_1rhrf_56 { display: flex; align-items: center; padding: .08rem .4rem; color: #0051d6; justify-content: center; font-size: .22rem; text-decoration-line: underline; cursor: pointer } .beta-calendar .st0 { fill: #004a98 } .beta-calendar .st1 { fill: url(#beta-calendar-SVGID_1_) } .beta-calendar .st2 { fill: url(#beta-calendar-SVGID_2_) } .beta-calendar .st3 { fill: url(#beta-calendar-SVGID_3_) } .beta-calendar .st4 { fill: url(#beta-calendar-SVGID_4_) } .bonus-filter-form { display: flex; justify-content: space-between; padding-bottom: 10px; } .bonus-filter-form .date-form-field-container { width: 49% } .bonus-filter-form .date-form-field-container .standard-label { font-weight: 600; font-size: .4rem } .date-form-field-container .standard-label { color: #0f161f; margin: 0 0 .26rem } .date-form-field-container .standard-form-field:not(:first-child) { margin: 0 } .standard-form-field .react-datepicker-wrapper { width: 100% } .react-datepicker-wrapper { display: inline-block; padding: 0; border: 0 } .react-datepicker__input-container { position: relative; display: inline-block; width: 100% } .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input { justify-content: space-between; border: .02rem solid #dbe0e4; color: #8899a4; background: #fff; border-radius: .15rem; font-weight: unset; font-style: unset; line-height: 1.5 } .date-form-field-container .standard-form-field .react-datepicker-wrapper .react-datepicker__input-container .standard-input .beta-calendar { height: .6rem; width: .6rem; overflow: visible } .m-mybonus-container tbody .dt-column-title, .m-mybonus-container tfoot .dt-column-title { font-size: .36rem } .m-mybonus-container table { border: 1px solid #086dbe; border-collapse: collapse; border-radius: 3px } .wpml-ls-legacy-dropdown { max-width: 100% } .wpml-ls-legacy-dropdown > ul { position: relative; padding: 0; margin: 0 !important; list-style-type: none } .wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu { visibility: visible } .wpml-ls-legacy-dropdown .wpml-ls-item { padding: 0; margin: 0; list-style-type: none } .wpml-ls-legacy-dropdown a { display: block; text-decoration: none; color: #444; border: 1px solid #cdcdcd; background-color: #fff; padding: 5px 10px; line-height: 1 } .wpml-ls-legacy-dropdown a span { vertical-align: middle } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { position: relative; padding-right: calc(10px + 1.4em) } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 10px; padding-left: calc(10px + 1.4em) } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { content: ""; vertical-align: middle; display: inline-block; border: .35em solid #fff0; border-top: .5em solid; position: absolute; right: 10px; top: calc(50% - .175em) } .rtl .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { right: auto; left: 10px } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { color: #000; background: #eee } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { visibility: hidden; position: absolute; top: 100%; right: 0; left: 0; border-top: 1px solid #cdcdcd; padding: 0; margin: 0; list-style-type: none; z-index: 101 } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { border-width: 0 1px 1px } .wpml-ls-legacy-dropdown .lang-img-flag { display: inline; vertical-align: middle } .wpml-ls-legacy-dropdown .lang-img-flag + span { margin-left: .4em } .rtl .wpml-ls-legacy-dropdown .lang-img-flag + span { margin-left: 0; margin-right: .4em } .casinogamesslider-section.theme-2 .most-play-container .most-play-game-container .most-play-game { width: 4rem; } .casinogamesslider-section.theme-2 .most-play-game-image-container { height: 4.5rem; } .most-play-container .header-section .title { display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; justify-content: flex-start; align-items: center; gap: 3px; } ._headerCen_lhfse_40 { display: flex; align-items: center; } ._headerCen_lhfse_40 ._center_lhfse_71 span { white-space: nowrap; } ._headerCen_lhfse_40 ._center_lhfse_71 { display: flex; align-items: center; gap: 16px; border-radius: 10px; padding: 7px 9px; background-color: transparent; } ._headerCen_lhfse_40 ._center_lhfse_71 button { border-radius: 8px; background: #2b86f5; color: #fff; font-size: 15px; font-weight: 700; line-height: 18px; letter-spacing: -1%; text-align: left; padding: 8px 12px; border: none; cursor: pointer; } ._headerCen_lhfse_40 ._bgCen_lhfse_44 { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; gap: 4px; } ._headerCen_lhfse_40 ._bgCen_lhfse_44 button { width: 0.55rem; height: 0.55rem; border: none; cursor: pointer; transition: transform .3sease-out; } ._headerCen_lhfse_40 ._bgCen_lhfse_44 button:nth-child(1) { border: 1px solid rgb(189, 199, 214); border-radius: 8px; background-color: transparent; } ._headerCen_lhfse_40 ._bgCen_lhfse_44 button:nth-child(2) { border: 1px solid rgb(189, 199, 214); border-radius: 8px; background-color: #030536; } .language_container { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; } ._languages_1qs07_14, .language-inline-btns, .menu-inline-btns { display: flex; align-items: center; width: auto; padding: 4px; transition: all .5sease; border-radius: 10px; gap: 4px; background: transparent; justify-content: flex-end; text-transform: uppercase; } ._languages_1qs07_14 .activelangwhite, .language-inline-btns .activelangwhite, ._languages_1qs07_14 .activelangwhite:hover, ._footer_1qs07_6 .language-inline-btns .activelangwhite:hover { box-shadow: 0 5px 15px #b2c0d1; background: #fff; } .menu-inline-btns { width: 200px; } ._languages_1qs07_14 .language-item, .language-inline-btns .language-item, .menu-inline-btns .menu-inline-item { display: flex; align-items: center; gap: 6px; cursor: pointer; border-radius: 8px; padding: 6px; width: 100%; justify-content: center; } ._languages_1qs07_14 .language-item img, .language-inline-btns .language-item img, .menu-inline-btns .menu-inline-item img { width: 24px; height: 24px; border-radius: 6px; object-fit: contain; } .menu-inline-btns .menu-inline-item { box-shadow: 0 0px 2px #9c9c9c; background: #fff; } .menu-inline-btns .menu-inline-item:hover { box-shadow: 0 5px 15px #9c9c9c; } .login-register-btns .wpml-ls-item-login { background-image: linear-gradient(to top, #fd9404, #fdb813); color: white; } .login-register-btns .wpml-ls-item-joinnow { background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); color: white; } .footer-section ._center_1qs07_104 { display: flex; gap: 3rem; flex-wrap: wrap; padding: 0 0.5rem; } .footer-section ._center_1qs07_104 nav { display: flex; flex-direction: column; gap: 0.4rem; } .footer-section ._center_1qs07_104 nav strong { color: #2d3b51; font-size: 0.42rem; font-weight: 700; line-height: 20px; letter-spacing: -1%; text-align: left; } .footer-section ._center_1qs07_104 nav a { color: #4d5b6e; font-size: 0.36rem; font-weight: 600; line-height: 17px; letter-spacing: -1%; text-align: left; text-decoration: none; } ._comp_1qs07_136 { text-align: center; position: relative; padding-top: 20px; width: 100%; } ._comp_1qs07_136:before { content: ""; position: absolute; top: 0; left: 50%; width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgba(105, 114, 128, .568), transparent); transform: translate(-50%); } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_banner .slider { width: 100%; } .company-logo > img { width: 100%; height: auto; } .walletbalance-info { display: flex; gap: 5px; align-items: center; } .currency-logo { width: 0.5rem; } .companypartnerlogo-menu { padding: 10px; gap: 5px; } .companypartnerlogo-menu > .partnerlogo-item { width: 32%; text-align: center; height: 1.8rem; text-align: center; background-image: url(Content/templatemyc51/images/partner_logos/partnerlogo1.png); background-size: contain; background-position: center center; background-repeat: no-repeat; } .companypartnerlogo-menu > .partnerlogo-item:nth-child(1), .companypartnerlogo-menu > .partnerlogo-item:nth-child(6) { background-image: url(images/partner_logos/partnerlogo1.png); } .companypartnerlogo-menu > .partnerlogo-item:nth-child(2), .companypartnerlogo-menu > .partnerlogo-item:nth-child(5) { background-image: url(images/partner_logos/partnerlogo2.png); } .companypartnerlogo-menu > .partnerlogo-item:nth-child(3), .companypartnerlogo-menu > .partnerlogo-item:nth-child(4) { background-image: url(images/partner_logos/partnerlogo3.png); } .desktop-container { width: 1280px; margin-left: auto; margin-right: auto; } .footer-section.desktop-container { padding: 20px 8px; } ._footer_1qs07_6 { width: 1280px; display: flex; justify-content: space-between; align-items: start; margin-bottom: 12px; border-radius: 16px; } ._footer_1qs07_6 ._left_1qs07_70 { display: flex; align-items: center; gap: 10px; } ._footer_1qs07_6 ._center_1qs07_104 { display: flex; gap: 100px; padding: 0.1rem 0.5rem; } ._footer_1qs07_6 ._center_1qs07_104 nav { display: flex; flex-direction: column; gap: 15px; } ._footer_1qs07_6 ._center_1qs07_104 nav strong { color: #2d3b51; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -1%; text-align: left; } ._footer_1qs07_6 ._center_1qs07_104 nav a { color: #4d5b6e; font-size: 14px; font-weight: 600; line-height: 17px; letter-spacing: -1%; text-align: left; text-decoration: none; } ._footer_1qs07_6 ._left_1qs07_70 a { display: flex; align-items: center; gap: 7px; text-decoration: none; } ._footer_1qs07_6 ._left_1qs07_70 a h2 { color: #1d2b42; font-size: 22.11px; font-weight: 700; line-height: 27px; letter-spacing: -1%; text-align: left; margin: 0; } .verifyotp-form a { color: #001752; font-weight: bolder; } .login-modal-dialog ._banner_1v1lw_23 { width: 669px; height: 357px; background-image: url('https://vocal-sprinkles-d75afc.netlify.app/banner%20(2).jpeg'); background-repeat: no-repeat; background-size: 100%; border-radius: 15px; } .img-backbtn { width: 0.72rem; height: 100%; display: inline-block; } /* desktop version */ .desktop-banner2 { background: url(images/desktop/secondarybanner.png); background-repeat: no-repeat; background-position: center; height: 210px; border-radius: 25px; background-size: 100%; } /* login modal dialog */ .login-modal-dialog { position: fixed; width: 100%; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 999; max-height: 0; opacity: 0; transition: max-height .3s ease, opacity .3s ease; overflow: hidden; background: rgba(222, 230, 240, 0.6); } .login-modal-dialog._open_1v1lw_14 { max-height: 100%; opacity: 1; } .login-modal-dialog ._content_1v1lw_18 { display: flex; gap: 6px; width: 748px; } .login-modal-dialog ._content_1v1lw_18 ._banner_1v1lw_23 img { border-radius: 16px; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 { padding: 24px; border-radius: 16px; background: rgb(243, 246, 249); width: 100%; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 ._title_1v1lw_30 { display: flex; justify-content: space-between; margin-bottom: 16px; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 ._variants_1v1lw_53 { display: flex; justify-content: center; width: 216px; padding: 4px; gap: 8px; margin-bottom: 20px; border-radius: 12px; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 input { width: 100%; padding: 16px; border-radius: 8px; background: #fff; color: #6e7c8c; font-size: 15px; font-weight: 600; line-height: 18px; letter-spacing: 0%; text-align: left; border: none; margin-bottom: 8px; outline: none; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 p { color: #4d5b6e; font-size: 15px; font-weight: 600; line-height: 18px; letter-spacing: 0%; text-align: left; margin-left: 25px; margin-top: 16px; text-align: center; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 .login-btn { width: 100%; padding: 16px 24px; border-radius: 12px; background: #2b86f5; color: #fff; font-size: 16px; font-weight: 700; line-height: 20px; letter-spacing: -1%; text-align: center; border: none; margin-top: 15px; cursor: pointer; } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 ._title_1v1lw_30 h3 { font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: 0%; text-align: left; margin: 0; color: rgb(29, 43, 66); } .login-modal-dialog ._content_1v1lw_18 ._form_1v1lw_26 ._title_1v1lw_30 button { display: flex; align-items: center; justify-content: center; padding: 7px; background-color: transparent; border: none; outline: none; cursor: pointer; border-radius: 10px; background: rgb(255, 255, 255); } .nav-myacc { position: relative; margin: 0 0.12rem 0 0; height: 100%; display: flex; align-items: center; } .nav-myacc .account-icon { background: #ff8a00; padding: 0.05rem; border-radius: 50%; width: 0.28rem; height: 0.28rem; fill: #fff; border: none; } .nav-myacc .account-icon svg { width: 100%; height: 100%; } ._after-login-navbar-popup_tfyne_1 { background: #ffffff; border-radius: 10px; box-shadow: 0 .05rem .08rem -.02rem #0003; left: -1.11rem; padding: .18rem; position: absolute; top: .4rem; width: 2.5rem; z-index: 899; } ._after-login-navbar-popup_tfyne_1 ._triangle_tfyne_11 { height: .12rem; width: .24rem; margin: 0 0 0 -.12rem; position: absolute; bottom: 100%; left: 50%; overflow: hidden; } ._after-login-navbar-popup_tfyne_1 ._triangle_tfyne_11:after { background: #ffffff; box-shadow: 0 .01rem .06rem #0000004d; content: ""; position: absolute; left: 50%; height: .12rem; width: .12rem; transform: translate(-50%, 50%) rotate(45deg); } ._menuAccountContainer_1euk9_1 { display: grid; gap: .2rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 { padding: .04rem .14rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._menuAccountHeaderTitle_1euk9_35 { position: relative; display: flex; padding: 0 0 .06rem; align-items: center; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._submenuAccount_1euk9_84 { display: none; color: #8697a2; transition: all .2s ease; gap: .05rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._submenuAccount_1euk9_84._active_1euk9_77 { display: grid; gap: .1rem; transition: all .2s ease; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._menuAccountHeaderTitle_1euk9_35 ._dropdownArrow_1euk9_77._active_1euk9_77 { transition: all .2s ease; transform: rotate(-180deg); } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._menuAccountHeaderTitle_1euk9_35 ._menuAccountSVG_1euk9_62 { width: .19rem; height: .19rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._menuAccountHeaderTitle_1euk9_35 div:last-child { margin-left: auto; } ._svgIcon_1ncl5_1 { display: flex; } .afterLoginBar .bottom svg { width: 0.3rem; height: 0.3rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._menuAccountHeaderTitle_1euk9_35 ._menuAccountName_1euk9_66 { font-weight: 600; text-transform: uppercase; cursor: pointer; margin: 0 .08rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._submenuAccount_1euk9_84 ._submenuAccountHeader_1euk9_100 { padding: .1rem 0 .1rem .3rem; } ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._submenuAccount_1euk9_84 ._submenuAccountHeader_1euk9_100._selected_1euk9_103, ._menuAccountContainer_1euk9_1 ._menuAccountHeader_1euk9_26 ._submenuAccount_1euk9_84 ._submenuAccountHeader_1euk9_100:hover { font-weight: 600; color: #0071e3; cursor: pointer; border-radius: 4px; background: #f3f5f6; } .staytune-banner { width: 100%; height: 70px; display: flex; flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; background: #ffffff; border-radius: 0.2rem; padding: 8px; margin-bottom: 8px; } .headertitle-contactus { position: relative; margin-bottom: 6px; margin-top: 6px; text-align: center; width: 100%; height: 100px; } .partnership-container .banner-img { background-size: 90%; background-position: center center; background-repeat: no-repeat; height: 130px; } .headertitle-contactus .banner-img { background-image: url(images/partnership/headertitle.png); background-size: 70%; height: 100%; } .partner-container { display: flex; justify-content: center; flex-direction: column; } .partner-container a .banner-img { background-image: url(images/partnership/banner1.png); } .partner-container a:nth-child(2) .banner-img { background-image: url(images/partnership/banner2.png); } .partner-container a:nth-child(3) .banner-img { background-image: url(images/partnership/banner3.png); } .partner-container a:nth-child(4) .banner-img { background-image: url(images/partnership/banner4.png); } .slotgamesluckypickslider-section{--slot-frame-width:135px}.slotgamesluckypickslider-section .most-play-game-title{font-size:.3rem;margin-top:.1rem}.slotgamesluckypickslider-section .most-play-container{position:relative} .slotgamesluckypickslider-section .most-play-container .most-play-game-container .most-play-game { width: var(--slot-frame-width); padding: 5px 0; height: 170px; }.slotgamesluckypickslider-section .most-play-container .most-play-game-container-scroll{padding-right:0}.slotgamesluckypickslider-section .most-play-container .most-play-game-container{overflow-x:hidden}.scroll-track{display:flex;min-width:0;gap:5px;width:max-content;will-change:transform}.scroll-container{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,0.6) 8%,black 18%,black 82%,rgba(0,0,0,0.6) 92%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,0.6) 8%,black 18%,black 82%,rgba(0,0,0,0.6) 92%,transparent 100%)} .selector-frame { position: absolute; top: 43%; left: 50%; transform: translate(-50%,-50%); width: calc(var(--slot-frame-width) + 3px); height: 155px; border-radius: 18px; z-index: 10; pointer-events: none; box-shadow: none; border: none; background: 0 0 }.selector-frame::before{content:'';position:absolute;top:-22px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:11px solid transparent;border-right:11px solid transparent;border-top:16px solid #0052ac} .selector-frame.idle { background: #000000e0; box-shadow: 0 0 0 4px rgb(71 133 202),0 0 24px rgb(0 80 167),inset 0 0 16px rgb(0 98 204); border: 3px solid #8fb8e8 }.slotgamesluckypickslider-section .spin-btn-wrap{display:flex;justify-content:center;margin-top:8px}.slotgamesluckypickslider-section .btn-spin{padding:12px 52px;background:linear-gradient(135deg,#5493db,#0055b0);color:#fff;font-size:16px;font-weight:800;letter-spacing:2px;text-transform:uppercase;border:none;border-radius:30px;cursor:pointer;box-shadow:0 4px 24px rgb(95 160 236);transition:.2s}.slotgamesluckypickslider-section .btn-spin:hover:not(:disabled){background:linear-gradient(135deg,#5493db,#0055b0);transform:translateY(-2px);box-shadow:0 4px 24px rgb(95 160 236)}.slotgamesluckypickslider-section .btn-spin:active:not(:disabled){transform:translateY(1px)}.slotgamesluckypickslider-section .btn-spin:disabled{opacity:.4;cursor:not-allowed}.luckypick-popup .luckypick-rounded-image{border-radius:8px;object-fit:contain}.pulse-anime{animation:3s ease-in-out scalePulse}@keyframes scalePulse{0%,100%{transform:scale(1)}25%,75%{transform:scale(1.1)}50%{transform:scale(.9)}} .slotgamesluckypickslider-section .most-play-game-image-container { height: 120px; } @font-face { font-family: "AvenirNextLTPro-Regular"; src: url(avenir/AvenirNextLTPro-Regular.woff) format("woff"); font-style: normal; } @font-face { font-family: "AvenirNextLTPro-BoldCn"; src: url(avenir/AvenirNextLTPro-BoldCn.woff) format("woff"); font-style: normal; } @font-face { font-family: "AvenirNextLTPro-BoldCnIt"; src: url(avenir/AvenirNextLTPro-BoldCnIt.woff) format("woff"); font-style: normal; } @font-face { font-family: "AvenirNextLTPro-Cn"; src: url(avenir/AvenirNextLTPro-Cn.woff) format("woff"); font-style: normal; } @font-face { font-family: "AvenirNextLTPro-CnIt"; src: url(avenir/AvenirNextLTPro-CnIt.woff) format("woff"); font-style: normal; } @font-face { font-family: nunito-black; src: url(nunito/Nunito-Black.82d2e893.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: nunito-bold; src: url(nunito/Nunito-Bold.36352cee.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: nunito-extrabold; src: url(nunito/Nunito-ExtraBold.6028bda2.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: nunito-regular; src: url(nunito/Nunito-Regular.410f973e.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: nunito-semibold; src: url(nunito/Nunito-SemiBold.0d76eef4.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: nunitosans-extrabold; src: url(nunito/NunitoSans-ExtraBold.a95b8c3c.woff) format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: 'password'; font-style: normal; font-weight: 400; src: url('../fonts/password.ttf'); } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } .registerStep2 { display: none; } .registerTip { display: none; } .deposit_BankInfo { display: none; } .loadingScreen { display: none; } .errMsg { display: none; } .hide { display: none; } body.swal2-toast-shown .swal2-container { z-index: 9999; } #pageHome #homePage .home_firmcontent_box .vendor-tab-content .home_firms .home_firms_tr li { width: 100%; height: 310px; margin-bottom: 15px; } #pageHome #homePage .home_firmcontent_box .vendor-tab-content .home_firms .home_firms_tr li.without-mobileapp { height: 210px; } #pageHome #homePage .home_firmcontent_box .vendor-tab-content .home_firms .home_firms_tr li.without-mobileapp a { height: 90%; } #pageHome #homePage .home_firmcontent_box .vendor-tab-content .home_firms .home_firms_tr li a { height: 60%; } #pageHome #homePage .home_firmcontent_box .vendor-tab-content .home_firms .home_firms_tr li .game-app-info { height: 40%; } .download-app-btn { display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: center; background: #403a3a; } .game-playtech .casino-logo { content: url(images/menu/vendorslogo/playtech_menu.png); } .game-playtech.game-lc .body-banner { content: url(images/casinoinner/1.jpg); } .game-allbet .casino-logo { content: url(images/menu/vendorslogo/allbet_menu.png); } .game-allbet.game-lc .body-banner { content: url(images/casinoinner/2.jpg); } .game-evogaming .casino-logo { content: url(images/menu/vendorslogo/evogaming_menu.png); } .game-evogaming.game-lc .body-banner { content: url(images/casinoinner/8.jpg); } .game-biggaming .casino-logo { content: url(images/menu/vendorslogo/biggaming_menu.png); } .game-biggaming.game-lc .body-banner { content: url(images/casinoinner/10.jpg); } .game-gameplay .casino-logo { content: url(images/menu/vendorslogo/gameplay_menu.png); } .game-gameplay.game-lc .body-banner { content: url(images/casinoinner/11.jpg); } .game-xpg .casino-logo { content: url(images/menu/vendorslogo/xpg_menu.png); } .game-xpg.game-lc .body-banner { content: url(images/casinoinner/7.jpg); } .game-bbin .casino-logo { content: url(images/menu/vendorslogo/bbin_menu.png); } .game-bbin.game-lc .body-banner { content: url(images/casinoinner/6.jpg); } .game-ag .casino-logo { content: url(images/menu/vendorslogo/ag_menu.png); } .game-ag.game-lc .body-banner { content: url(images/casinoinner/5.jpg); } .game-sexybac .casino-logo { content: url(images/menu/vendorslogo/sexybac_menu.png); } .game-sexybac.game-lc .body-banner { content: url(images/casinoinner/9.jpg); } .game-sa .casino-logo { content: url(images/menu/vendorslogo/sa_menu.png); } .game-sa.game-lc .body-banner { content: url(images/casinoinner/9.jpg); } .game-dg855 .casino-logo { content: url(images/menu/vendorslogo/dg855_menu.png); } .game-dg855.game-lc .body-banner { content: url(images/casinoinner/4.jpg); } .game-sbo .casino-logo { content: url(images/menu/vendorslogo/sbo_menu.png); } .game-sbo.game-lc .body-banner { content: url(images/casinoinner/sbobet.jpg); } .game-pragmatic .casino-logo { content: url(images/menu/vendorslogo/pra_inner_logo.png); } .game-pragmatic.game-lc .body-banner { content: url(images/casinoinner/pra_inner.png); } .game-ezugi.game-lc .body-banner { content: url(images/casinoinner/ezugi_inner.png); } .game-wm .casino-logo { content: url(images/menu/vendorslogo/wm_inner_logo.png); } .game-wm.game-lc .body-banner { content: url(images/casinoinner/wm_inner.png); } .game-yeebet .casino-logo { content: url(images/menu/vendorslogo/yeebet_inner_logo.png); } .game-yeebet.game-lc .body-banner { content: url(images/casinoinner/yeebet_inner.png); } .game-playtech.game-eg .header-banner { content: url(images/casinoinner/pt.png); } .game-scr888.game-eg .header-banner, .game-918kiss.game-eg .header-banner { content: url(images/casinoinner/918kiss.png); } .game-gw99.game-eg .header-banner, .game-gw99api.game-eg .header-banner { content: url(images/casinoinner/gw99.png); } .game-playboy.game-eg .header-banner, .game-playboyapi.game-eg .header-banner { content: url(images/casinoinner/pb.png); } .game-pussy888.game-eg .header-banner, .game-pussy888api.game-eg .header-banner { content: url(images/casinoinner/pussy.png); } .game-live22.game-eg .header-banner, .game-live22api.game-eg .header-banner { content: url(images/casinoinner/live22.png); } .game-lionking.game-eg .header-banner, .game-lionkingapi.game-eg .header-banner { content: url(images/casinoinner/lionking.png); } .game-xe88.game-eg .header-banner, .game-xe88api.game-eg .header-banner, .game-xe88mapi.game-eg .header-banner { content: url(images/casinoinner/xe88.png); } .game-mega888.game-eg .header-banner, .game-mega888api.game-eg .header-banner { content: url(images/casinoinner/mega888.png); } .game-monkey888.game-eg .header-banner { content: url(images/casinoinner/monkey888.png); } .game-joker.game-eg .header-banner, .game-jokerapi.game-eg .header-banner, .game-jokerx2.game-eg .header-banner, .game-jokerx5.game-eg .header-banner, .game-jokerx10.game-eg .header-banner { content: url(images/casinoinner/joker.png); } .game-918kiss2.game-eg .header-banner { content: url(images/casinoinner/918kiss2.png); } .game-918kissh5.game-eg .header-banner { content: url(images/casinoinner/918kissh5.png); } .game-evo888.game-eg .header-banner, .game-evo888api.game-eg .header-banner { content: url(images/casinoinner/evo888.png); } .game-918kaya.game-eg .header-banner { content: url(images/casinoinner/918kaya.png); } .owl-item { height: 3.5rem; } .games-tab-content .game-title { text-transform: uppercase; } .fa-line { color: #228b22; } .fa-download { color: #145cce; } .icon-facebookcolor-circle { display: inline-block; background-image: url(images/menu/ftr-social-fb.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1rem; height: 1rem; } .icon-youtubecolor-circle { display: inline-block; background-image: url(images/menu/ftr-social-yt.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1rem; height: 1rem; } .icon-instagramcolor-circle { display: inline-block; background-image: url(images/menu/ftr-social-insta.png); -webkit-background-size: 100% 100%; background-size: 100% 100%; width: 1rem; height: 1rem; } .scroll_menu { width: 100%; height: 1.9rem; } .scroll_menu .m-scroll-btn { width: 20px; height: 100%; border: none; } .scroll_menu .menu_nav { height: 100%; text-shadow: none; font-size: 0; width: -webkit-calc(20% * 6); width: calc(20% * 6); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; white-space: nowrap; overflow-x: auto; overflow-y: hidden; -webkit-justify-content: stretch; justify-content: stretch; -webkit-align-content: stretch; align-content: stretch; } .scroll_menu .menu_nav li { -webkit-box-flex: unset; -webkit-flex: unset; -ms-flex: unset; flex: unset; height: 100%; display: flex; flex-direction: column; width: 23%; flex-shrink: 0; } .scroll_menu .menu_nav li a { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.26rem 0; padding-top: 0.2rem; height: 100%; font-size: 0.28rem; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .scroll_menu .menu_nav li a.on { background-image: -webkit-linear-gradient(left, #6bc6ca, #046f8d); color: #fff; } .sidebar-menu-accountinfo ul { width: 5.5rem; padding-left: 0.3rem; } .sidebar-menu-accountinfo ul li { width: 100%; height: 1rem; padding-top: 0.1rem; padding-bottom: 0.1rem; border-bottom: none; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .sidebar-menu-accountinfo ul li:last-child { border-bottom: 0.02rem solid #e4e4e4; } .sidebar-menu-accountinfo .loginid, .sidebar-menu-accountinfo .main-balance-amt { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 70%; padding-left: 0.3rem; margin-top: 0.23rem } .sidebar-menu-accountinfo .fa-user-alt:before, .sidebar-menu-accountinfo .fa-wallet:before { color: #000; font-size: 0.5rem; line-height: 1.5; } .banner1-text { position: relative; display: flex; font-size: 0.35rem; color: #000; margin-top: 0.3rem; width: 5rem; margin-left: 1rem; font-weight: 700; } .more-details-container { width: 100%; display: flex; position: relative; justify-content: center; margin-top: 0.5rem; } .more-details-btn { position: relative; display: flex; justify-content: center; align-content: center; font-size: 32px; padding: 0.2rem; background-color: #9a9b9e; border-radius: 3px; color: #fff; } .common_nav { height: 1.32rem; background: #31b1f8; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; margin-bottom: 0; } .common_nav li:first-child { padding-left: 15px; } .common_nav li:last-child { padding-right: 15px; } .common_nav li a.on { color: #000; } .common_nav li a { width: max-content; display: flex; font-size: 0.36rem; color: #eaecf0; padding: 0 7px; text-transform: uppercase; } .mleaderboard-toggle { width: 100%; background-color: #236ab6; color: #fff; font-size: 0.4rem; text-align: center; } .mleaderboard-rank .member-rank .rank-selected { background-color: #31b1f8; } .mleaderboard-rank { width: auto; margin: 0.2rem 0.3rem; background: -webkit-linear-gradient(#fff 30%, #31b1f8 80%); background: -o-linear-gradient(#fff 30%, #31b1f8 80%); background: linear-gradient(#fff 30%, #31b1f8 80%); -webkit-border-radius: 0.2rem; border-radius: 0.2rem; font-size: 0.3rem; padding: 0.2rem; padding-bottom: 0; } section#progressivejackpot.theme1 { position: relative; height: 4.2rem; } section#progressivejackpot.theme1 .home-jackpot-content { color: #000; text-shadow: -1px 0 #bb9844, 0 1px #bb9844, 1px 0 #bb9844, 0 -1px #bb9844; font-weight: 700; position: absolute; top: 40%; bottom: 0; right: 0; left: 0; } section#progressivejackpot.theme1 .home-jackpot-content.myr { top: 47%; left: 7%; right: unset; } section#progressivejackpot.theme1 .home-jackpot-content .home-jackpot-running { font-size: 7vw; } @media screen and (max-width: 39.9375em) { .show-for-medium { display: none !important; } } @media screen and (max-width: 0em), screen and (min-width: 40em) { .show-for-small-only { display: none !important; } } section#progressivejackpot.theme2 .home-jackpot-content { text-align: center; padding: 8px 0; margin: 0 0 8px; border-radius: 50px; font-size: 1em; letter-spacing: 1px; color: #fff; background: #191919; } .header.header2 { padding: 0 0.3rem; height: 1.3rem; } .right-member { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 5px; padding: 0 0 0 8px; } .btn-login { padding: 7px; background-image: linear-gradient(#001752, #001752); width: 100%; text-align: center; border-radius: 5px; font-weight: 600; color: #fff; text-transform: uppercase; } .header .btn-login { padding: 7px; background-image: linear-gradient(#001752, #001752); width: 100%; text-align: center; border-radius: 5px; font-weight: 600; color: #fff; text-transform: uppercase; } .header .btn-reg { padding: 7px; background: linear-gradient(#fcb813, #d58200); width: 100%; text-align: center; border-radius: 5px; font-weight: 600; color: #fff; text-transform: uppercase; } .header2 .right.close-icon i { display: none; } .icon-maxbet { background-image: url(images/sportgameslogo/maxbet_logo.png); background-size: 100% 100%; background-repeat: no-repeat; width: 2.7rem; height: 0.65rem; } .icon-sbobet { background-image: url(images/sportgameslogo/sbobet_logo.png); background-size: 100% 100%; background-repeat: no-repeat; width: 2rem; height: 0.8rem; } .icon-cmd368 { background-image: url(images/sportgameslogo/cmd368_logo.png); background-size: 100% 100%; background-repeat: no-repeat; width: 2.08rem; height: 0.41rem; } .bestsportgame_banner { width: 7.7rem; height: 4.1rem; margin-top: 0; padding: 0; } .bestsportgame_banner .owl-carousel .owl-item .item { display: grid; align-content: baseline; justify-content: center; align-items: flex-end; justify-items: flex-end; grid-template-columns: 100%; grid-template-rows: 45% 45% auto; grid-gap: 0; } .bestsportgame_banner .item { width: 7.5rem; height: 100%; } .bestsportgame_banner .item p { font-size: 0.25rem; color: #fff; width: 3.1rem; line-height: 0.32rem; padding-left: 0.2rem; } .bestsportgame_banner .item .icon-box { height: 1.15rem; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; width: 3.1rem; padding-left: 0.2rem; padding-top: 0.2rem; } .bestsportgame_banner .item .btn { display: none; width: 3.1rem; padding-left: 0.2rem; } .bestsportgame_banner .owl-carousel .owl-item > div[data-index="0"] { background-image: url(images/sportgamesbg/sportbg1.png); background-size: 100% 100%; background-repeat: no-repeat; } .bestsportgame_banner .owl-carousel .owl-item > div[data-index="1"] { background-image: url(images/sportgamesbg/sportbg2.png); background-size: 100% 100%; background-repeat: no-repeat; } .bestsportgame_banner .owl-carousel .owl-item > div[data-index="2"] { background-image: url(images/sportgamesbg/sportbg3.png); background-size: 100% 100%; background-repeat: no-repeat; } .upcoming-sport-matches-slider-container { width: 100%; } .sport-match-slider .owl-item { height: 100%; } .sport-match-slider .container { width: 100%; height: 8rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; } .sports-container-background { background-image: url(images/upcomingsportmatches/football-field-bg.jpg); background-repeat: no-repeat; background-size: cover; overflow: hidden; padding: 0.2rem; height: 8.5rem; } .upcoming-sport-matches-slider-container .sport-match-slider .matchTitle { font-family: monospace; } .sport-match-slider .bottom-details { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; justify-content: center; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; width: 100%; text-align: center; font-size: 0.35rem; } .sport-match-slider .matchTime { display: flex; color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; padding: 5px 0; } .sport-match-slider .matchTime span { flex-grow: 1; text-align: center; } .sport-match-slider .bottom-details .team-name, .sport-match-slider .bottom-details .versus-box { flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: center; align-items: center; } .sport-match-slider .bottom-details .team-name span:first-child { width: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sport-match-slider .oddsNumber, .sport-match-slider .homeaway { padding: 5px 0; margin: 0; } .sport-match-slider .homeaway, .sport-match-slider .playDate { color: #fcb813; } .sport-match-slider .text-time { padding: 0; margin-top: 7px; margin-bottom: 0; } .sport-match-slider .bottom-details .versus-box { border-style: dotted dashed solid double; border-radius: 50%; height: 1.5rem; justify-content: center; flex-basis: 0; flex-grow: 1 !important; margin: 0 10px; padding: 0 10px; } .sport-match-slider.owl-carousel .owl-item img { width: 70%; height: 70%; } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) { .sport-match-slider.owl-carousel .owl-item img { width: 76px; height: 76px; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .sport-match-slider.owl-carousel .owl-item img { width: 76px; height: 76px; } } @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) { .sport-match-slider.owl-carousel .owl-item img { width: 86px; height: 86px; } } .upcoming-sport-matches-slider-container.theme1 { height: 9.5rem; } .upcoming-sport-matches-slider-container.theme1 .sport-match-slider .sports-home, .upcoming-sport-matches-slider-container.theme1 .sport-match-slider .sports-away, .upcoming-sport-matches-slider-container.theme1 .sport-match-slider .sports-details { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; text-align: center; color: #fff; flex-basis: 40%; flex-grow: 1; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; justify-content: flex-start; align-items: center; } .upcoming-sport-matches-slider-container.theme1 .sport-match-slider .matchTitle { color: #fff; text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; overflow: hidden; white-space: nowrap; text-align: center; padding: 0.3rem; } .upcoming-sport-matches-slider-container.theme2 { width: 7.7rem; height: 6rem; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .matchTitle { color: #000; text-shadow: none; overflow: hidden; white-space: nowrap; text-align: center; font-weight: 700; font-family: nunito-black; font-size: 0.3rem; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .container { width: 7.11rem; height: 4.81rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; justify-content: space-between; background: url(images/upcomingsportmatches/box.png) 50% no-repeat; background-size: 100% 100%; padding: 0.2314rem 0.5874rem 0.32rem; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .sports-home > .i, .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .sports-away > .i { width: 1.8868rem; height: 1.8868rem; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; background-image: url(images/upcomingsportmatches/team-bg.png); background-size: 100% 100%; background-repeat: no-repeat; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider i { -webkit-transform: scale(1.78); transform: scale(1.78); display: inline-block; width: 0.68rem; height: 0.68rem; background-size: contain; background-repeat: no-repeat; background-position: 50%; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .team-name { font-size: 0.2492rem; margin-top: 0.089rem; font-family: nunito-bold, sans-serif; color: #fff; text-align: center; padding: 0 0.05rem; } .upcoming-sport-matches-slider-container.theme2 .nums-list { width: 5.7672rem; height: 0.8188rem; margin: 0 auto; display: -webkit-flex; display: flex; background: url(images/upcomingsportmatches/nums-list.png) 50% no-repeat; background-size: 100% 100%; } .upcoming-sport-matches-slider-container.theme2 .nums-list li { -webkit-flex: 1; flex: 1; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; line-height: 0.3rem; } .upcoming-sport-matches-slider-container.theme2 .nums-list span { font-size: 0.3204rem; -webkit-transform: translateY(0.0534rem); transform: translateY(0.0534rem); color: #001b42; } .upcoming-sport-matches-slider-container.theme2 .nums-list span:first-child { font-family: nunito-black; font-weight: bolder; } .upcoming-sport-matches-slider-container.theme2 .nums-list span:nth-child(2) { font-size: 0.2492rem; -webkit-transform: translateY(0.0712rem); transform: translateY(0.0712rem); text-transform: lowercase; } .upcoming-sport-matches-slider-container.theme2 .teams { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; padding-top: 0.02rem; -webkit-align-items: center; align-items: center; } .upcoming-sport-matches-slider-container.theme2 .teams div { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: center; align-items: center; } .upcoming-sport-matches-slider-container.theme2 .teams .sports-details span.time { font-family: nunito-extrabold; color: #fff; text-align: center; font-size: 0.32rem; margin-top: 0.0356rem; margin-bottom: 0.0356rem; line-height: 0.3204rem; -webkit-transform: translateY(0.0534rem); transform: translateY(0.0534rem); } .upcoming-sport-matches-slider-container.theme2 .teams .sports-details span.vs { font-family: nunito-black; font-size: 0.32rem; color: #001b42; margin-top: 0.1424rem; } .upcoming-sport-matches-slider-container.theme2 .teams .sports-details span.btn { font-size: 0.2848rem; color: #fff; width: 2rem; background: #ff4d00; border-radius: 0.09rem; margin-top: 0.623rem; padding: 0; } .upcoming-sport-matches-slider-container.theme2 .sport-match-slider .i .default-team-logo { /*background: url(images/upcomingsportmatches/default_team_logo.png) no-repeat fixed 50% center;*/ background-size: cover, 95%; position: absolute; } .fa-weixin { color: #09b83e; } .fa-whatsapp { color: #128c7e; } .fa-youtube { color: red; } .fa-telegram { color: #229ed9; } .fa-skype { color: #00aff0; } .fa-facebook { color: #4267b2; } .icon-curacao { display: inline-block; width: 1.25rem; height: 0.48rem; background-image: url(images/gaminglicenses/ftr_curacao_grey.svg); background-size: 100% 100%; } .icon-pagcor { display: inline-block; height: 0.47rem; width: 2.1rem; background-image: url(images/gaminglicenses/pagcor-gray.png); background-size: 100% 100%; } .icon-curacao:hover { background-image: url(images/gaminglicenses/ftr_curacao.svg); } .icon-pagcor:hover { background-image: url(images/gaminglicenses/pagcor.png); } .icon-bmm { display: inline-block; width: 0.94rem; height: 0.28rem; background-image: url(images/gamingcertificates/bmm.png); background-size: 100% 100%; } .icon-itechlab { display: inline-block; width: 0.72rem; height: 0.68rem; background-image: url(images/gamingcertificates/itechlab.png); background-size: 100% 100%; } .icon-global { display: inline-block; width: 0.72rem; height: 0.71rem; background-image: url(images/gamingcertificates/global.png); background-size: 100% 100%; } .icon-payouts { display: inline-block; width: 1.4rem; height: 0.49rem; background-image: url(images/gamingcertificates/payouts.png); background-size: 100% 100%; } .icon-godaddy { display: inline-block; height: 0.44rem; width: 2.27rem; background-image: url(images/gamingcertificates/godaddy.png); background-size: 100% 100%; } .icon-iovation { display: inline-block; width: 2rem; height: 0.4rem; background-image: url(images/gamingcertificates/iovation.png); background-size: 100% 100%; } /*.icon-bmm:hover { background-image: url(images/gamingcertificates/bmm.png); } .icon-itechlab:hover { background-image: url(images/gamingcertificates/itechlab.png); } .icon-global:hover { background-image: url(images/gamingcertificates/global.png); } .icon-payouts:hover { background-image: url(images/gamingcertificates/payouts.png); } .icon-godaddy:hover { background-image: url(images/gamingcertificates/godaddy.png); } .icon-iovation:hover { background-image: url(images/gamingcertificates/iovation.png); }*/ .icon-alceda { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/alceda.png'); background-size: 100% 100%; } .icon-alipay { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/alipay.png'); background-size: 100% 100%; } .icon-btc { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/btc.png'); background-size: 100% 100%; } .icon-eth { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/eth.png'); background-size: 100% 100%; } .icon-fps { display: inline-block; width: 0.7rem; height: 0.65rem; background-image: url('images/paymentmethods/fps.png'); background-size: 100% 100%; } .icon-usdt { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/usdt.png'); background-size: 100% 100%; } .icon-tapngo { display: inline-block; width: 0.7rem; height: 0.7rem; background-image: url('images/paymentmethods/tapngo.png'); background-size: 100% 100%; } .icon-max { display: inline-block; width: 1.1rem; height: 0.3rem; background-image: url('images/paymentmethods/max.png'); background-size: 100% 100%; } .icon-visa { display: inline-block; width: 1.1rem; height: 0.4rem; background-image: url('images/paymentmethods/visa.png'); background-size: 100% 100%; } .icon-master { display: inline-block; width: 1.2rem; height: 0.7rem; background-image: url('images/paymentmethods/master.png'); background-size: 100% 100%; } .icon-touchngo { display: inline-block; width: 0.8rem; height: 0.7rem; background-image: url('images/paymentmethods/touchngo.png'); background-size: 100% 100%; } .icon-grabpay { display: inline-block; width: 0.8rem; height: 0.7rem; background-image: url('images/paymentmethods/grabpay.png'); background-size: 100% 100%; } .icon-boostpay { display: inline-block; width: 0.8rem; height: 0.7rem; background-image: url('images/paymentmethods/boostpay.png'); background-size: 100% 100%; } .icon-duitnow { display: inline-block; width: 0.8rem; height: 0.7rem; background-image: url('images/paymentmethods/duitnow.png'); background-size: 100% 100%; } .icon-fpx { display: inline-block; width: 0.8rem; height: 0.6rem; background-image: url('images/paymentmethods/fpx.png'); background-size: 100% 100%; } .icon-bankdeposit { display: inline-block; width: 1.1rem; height: 0.4rem; background-image: url('images/paymentmethods/bankdeposit.png'); background-size: 100% 100%; } .icon-bkash { display: inline-block; width: 1.1rem; height: 0.4rem; background-image: url('images/paymentmethods/bkash.png'); background-size: 100% 100%; } .icon-nagad { display: inline-block; width: 1rem; height: 0.4rem; background-image: url('images/paymentmethods/nagad.png'); background-size: 100% 100%; } .icon-rocket { display: inline-block; width: 1rem; height: 0.5rem; background-image: url('images/paymentmethods/rocket.png'); background-size: 100% 100%; } .icon-android { display: inline-block; height: 0.9rem; width: 2.7rem; background-image: url('images/mobile/download/android-en.png'); background-size: 100% 100%; } .icon-18plus { display: inline-block; height: 0.6rem; width: 0.6rem; background-image: url('images/responsiblegaming/18plus.svg'); background-size: 100% 100%; } .icon-gamcare { display: inline-block; height: 0.6rem; width: 0.6rem; background-image: url('images/responsiblegaming/gamcare.svg'); background-size: 100% 100%; } .icon-begambleware { display: inline-block; height: 0.6rem; width: 0.6rem; background-image: url('images/responsiblegaming/begambleaware.svg'); background-size: 100% 100%; } body .footer-section div[class*="-box"].responsiblegaming-box { justify-content: flex-start; align-items: flex-start; } .responsiblegaming-box i { margin: 0px 0.2rem 0px 0px; } .slotgamesslider-section.theme1 { height: 8rem; } .luckybox-tab-content .icon_home_logo_bg { width: 100%; height: 255px; margin-bottom: 15px; } .luckybox_banner { width: 100%; height: 100%; display: inline-block; background: url(images/menu/luckybox_banner.png) no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } .luckyspin-tab-content .icon_home_logo_bg { width: 100%; height: 255px; margin-bottom: 15px; } .luckyspin_banner { width: 100%; height: 100%; display: inline-block; background: url(images/menu/luckyspin_banner.png) no-repeat; background-position: center; -webkit-background-size: contain; background-size: contain; } .spinplaynow-btn { padding: 10px 8px; vertical-align: middle; text-align: center; cursor: pointer; transition: all 300ms ease-in-out; background-color: #e51d35; text-decoration: none; color: #fff; display: block; width: 100%; max-width: 325px; margin: 0 auto; padding-top: 15px; padding-bottom: 15px; border-radius: 0; text-transform: uppercase; } .lucky-spin_ticket { display: flex; align-items: center; justify-content: center; padding-top: 15px; padding-bottom: 15px; text-align: center; text-transform: uppercase; color: #fff; } .lucky-spin_ticket i, .lucky-spin_ticket .tk-count { padding: 5px; } .icon-ticket { display: inline-block; width: 33px; height: 33px; margin-right: 10px; background: url(images/mobile/icon-ticket.png) no-repeat center center; background-size: contain; } @-webkit-keyframes ngdialog-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes ngdialog-fadeout { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes ngdialog-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes ngdialog-fadein { 0% { opacity: 0; } 100% { opacity: 1; } } .ngdialog { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ngdialog *, .ngdialog :before, .ngdialog :after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .ngdialog { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 99999; top: 0; right: 0; bottom: 0; left: 0; } .ngdialog.ngdialog-disabled-animation * { -webkit-animation: none !important; animation: none !important; } .ngdialog-overlay { position: fixed; background-color: #fff; background: -moz-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.8) 100% ); background: -webkit-gradient( radial, center center, 0, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0.8)) ); background: -webkit-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.8) 100% ); background: -o-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.8) 100% ); background: -ms-radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.8) 100% ); background: radial-gradient( center, ellipse cover, rgba(255, 255, 255, 0.4) 0, rgba(255, 255, 255, 0.8) 100% ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66ffffff',endColorstr='#e6ffffff',GradientType=1); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; } .ngdialog.ngdialog-closing .ngdialog-overlay { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; } .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadein 0.5s; animation: ngdialog-fadein 0.5s; } .ngdialog.ngdialog-closing .ngdialog-content { -webkit-backface-visibility: hidden; -webkit-animation: ngdialog-fadeout 0.5s; animation: ngdialog-fadeout 0.5s; } body.ngdialog-open { overflow: hidden; } .ngdialog-notice .ngdialog-content { width: 95% !important; max-width: 400px; height: 100% !important; padding: 0 !important; top: 5%; } .ngdialog-content { width: 980px !important; color: #444; } .ngdialog-notice .ngdialog-close:hover { background-color: #000; } .ngdialog-notice .ngdialog-close { position: absolute; top: 19px; right: 22px; z-index: 999; font-size: 18px; padding: 12px; color: #fff; cursor: pointer; background: url(images/icon-close-popup.png) center center no-repeat; background-size: 18px; } .ngdialog-overlay { background: rgba(0, 0, 0, 0.8); } @-webkit-keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes ngdialog-flyin { 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-40px); transform: translateY(-40px); } } @keyframes ngdialog-flyout { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); } } .ngdialog.ngdialog-theme-default { padding-bottom: 0; padding-top: 100px; } @media (max-height: 768px) { .ngdialog.ngdialog-theme-default { padding-bottom: 0; padding-top: 7px; } } .ngdialog.ngdialog-theme-default.ngdialog-closing .ngdialog-content { -webkit-animation: ngdialog-flyout 0.5s; animation: ngdialog-flyout 0.5s; } .ngdialog.ngdialog-theme-default .ngdialog-content { -webkit-animation: ngdialog-flyin 0.5s; animation: ngdialog-flyin 0.5s; margin: 0 auto; padding: 10px; position: relative; width: 685px; height: 753px; } .ngdialog.ngdialog-theme-default .ngdialog-message { margin-bottom: 0.5em; } .ngdialog.ngdialog-theme-default .ngdialog-input { margin-bottom: 1em; } .ngdialog.ngdialog-theme-default .ngdialog-input textarea, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"] { background: #fff; border: 0; border-radius: 3px; font-family: inherit; font-size: inherit; font-weight: inherit; margin: 0 0 0.25em; min-height: 2.5em; padding: 0.25em 0.67em; width: 100%; } .ngdialog.ngdialog-theme-default .ngdialog-input textarea:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-default .ngdialog-input input[type="url"]:focus { -webkit-box-shadow: inset 0 0 0 2px #8dbdf1; box-shadow: inset 0 0 0 2px #8dbdf1; outline: none; } .ngdialog.ngdialog-theme-default .ngdialog-buttons { *zoom: 1; } .ngdialog.ngdialog-theme-default .ngdialog-buttons:after { content: ""; display: table; clear: both; } .ngdialog.ngdialog-theme-default .ngdialog-button { border: 0; border-radius: 3px; cursor: pointer; float: right; font-family: inherit; font-size: 0.8em; letter-spacing: 0.1em; line-height: 1em; margin: 0 0 0 0.5em; padding: 0.75em 2em; text-transform: uppercase; } .ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: ngdialog-pulse 1.1s infinite; animation: ngdialog-pulse 1.1s infinite; outline: none; } @media (max-width: 568px) { .ngdialog.ngdialog-theme-default .ngdialog-button:focus { -webkit-animation: none; animation: none; } } .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary { background: #3288e6; color: #fff; } .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary { background: #e0e0e0; color: #777; } .aboutus-tab-content { padding: 25px; padding-top: 10px; } .aboutus-tab-content .header { font-size: 20px; font-weight: 700; padding-left: 0; } .entertain .content, .mission .content, .story .font { font-size: 0.36rem; color: #000; } .story .content { padding-top: 2px; } .mission .content { padding-top: 5px; } .entertain .subheader { font-size: 17px; color: #000; } .entertain .question { padding-top: 20px; } .entertain .first { color: #0066d1; } .entertain .padding { padding-top: 15px; } .story .year { font-size: 12px; } .story .timeline { padding-left: 120px; } .story .img-size { width: 30%; float: left; } .story .color { border: 0.3px solid grey; } .story .img-adjust { padding-top: 10px; } .read-next { text-align: center; } .read-next a { font-size: 13px; color: blue; font-weight: 700; } .fab.fa-youtube-square:hover { color: red; } .fab.fa-facebook-square:hover { color: #4267b2; } .m-ceremony-timer-container { display: flex; margin: 0 0.21rem 0.2rem; } .m-ceremony-timer-container .left-triangle { clip-path: polygon(0 50%,100% 100%,100% 0); background: #790f33; width: 7%; } .m-ceremony-timer-container .right-triangle { clip-path: polygon(100% 50%,0 100%,0 0); background: #790f33; width: 7%; } .m-ceremony-timer-container .content { background: #790f33; width: 86%; display: flex; align-items: center; justify-content: space-between; color: #fff; padding: 0.2rem; margin: 0 -0.01rem; } .m-ceremony-timer-container .content .info-wrapper { padding-right: 0.3rem; } .m-ceremony-timer-container .content .info-wrapper .title svg { max-width: 3.3rem; } .m-ceremony-timer-container .content .info-wrapper .title { display: flex; align-items: center; justify-content: space-between; font: 400 0.43rem AvenirNextLTPro-Cn; margin-bottom: 0.1rem; } .m-ceremony-timer-container .content .info-wrapper .title .start-in { padding: 0 0 0 0.2rem; } .m-ceremony-timer-container .content .info-wrapper .date-type-container { display: flex; align-items: center; width: 5.5rem; } .m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type { display: flex; justify-content: center; flex-flow: column; text-align: center; } .m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .value { font: 400 0.6rem AvenirNextLTPro-BoldCn; } .m-ceremony-timer-container .content .info-wrapper .date-type-container .date-type .type { font: 400 0.35rem AvenirNextLTPro-regular; } .m-ceremony-timer-container .content .info-wrapper .date-type-container .rhombus { clip-path: polygon(50% 0%,100% 50%,50% 100%,0% 50%); width: 0.3rem; height: 0.3rem; background: #ff004c; margin: 0 0.4rem 0.2rem; } .m-ceremony-timer-container .standard-button-container { width: 100%; display: flex; justify-content: flex-end; align-items: center; } .m-ceremony-timer-container .content .ceremory-btn-section .ceremory-btn { background: #4cc0b2; color: #fff; font: 400 0.42rem AvenirNextLTPro-Cn; border-radius: 0.1rem; height: auto; padding: 0.23rem; margin: auto; border: 0; width: 100%; } .beta-world-cup-logo .st0 { fill: #FCF8F4; } .beta-world-cup-logo .st1 { fill-rule: evenodd; clip-rule: evenodd; fill: #FCF8F4; } #lottoRulesModalDialog .modal-body ul li { list-style-type: square; margin-left: 16px; margin-top: 8px; line-height: 120%; } .owl-carousel .owl-dots { position: absolute; bottom: 0.0rem; right: 0.3rem; } .nativeappsharendownload-container .btnBox { margin-top: 16px; display: flex; flex-direction: column; align-items: center } .nativeappsharendownload-container .btnBig { width: 65%; height: 100%; border-radius: 8px; padding: 13px 24px; box-sizing: border-box; display: flex; align-items: center } .nativeappsharendownload-container .android-bg-color { background-color: #a4c639; color: #fff } .nativeappsharendownload-container .ios-bg-color { background-color: #23b8ff; color: #fff } .nativeappsharendownload-container .copy-btn { background: linear-gradient(90deg,#232323,#3f3f3f); color: #fff; margin-top: 10px } .nativeappsharendownload-container .copy-btn .text-title { font-size: .5rem; margin-right: 15px } .nativeappsharendownload-container .ios-install-guide { margin-top: 10px } .nativeappsharendownload-container .ios-install-guide .banner { background-size: contain; background-repeat: no-repeat } .nativeappsharendownload-container .ios-install-guide .img-step { padding-top: 10px; padding-bottom: 10px } .reg-success-container { margin: 1.2rem 0 0; padding: 0 .43rem; text-align: center; color: #000 } .reg-success-container h3 { margin: .7rem 0 .2rem; text-transform: uppercase; color: #0f161f; font-size: .7rem; font-weight: 500 } .reg-success-container span { color: #8697a2; font-size: .4rem } .reg-success-container svg { fill: #fff; width: 1.8rem; height: 1.8rem; background: #25e600; border-radius: 50%; padding: .2rem } .beta-tick .st0 { fill: #FFF } .m-register-container .reg-step-container.step-3 .transaction-button-section { margin: 1.02rem 0 0 } .m-register-container .reg-step-container .reg-success-container .info-desc { margin: .25rem; color: #8697a2 } .standard-button-container .reg-success-deposit-btn { background: #0071e3 } .member-benefits-container .member-benefits-row { margin: .7rem 0 0 } .beta-curacao .st0 { fill: #BA1F63 } .beta-curacao .st1 { clip-path: url(#beta-curacao-SVGID_2_); fill: #FBB41C } .beta-curacao .st2 { clip-path: url(#beta-curacao-SVGID_2_); fill: #358FCD } .beta-curacao .st3 { clip-path: url(#beta-curacao-SVGID_2_); fill: #EB1F26 } .beta-curacao .st4 { clip-path: url(#beta-curacao-SVGID_2_); fill: #691E5B } .beta-curacao .st5 { fill: #FFF } .beta-curacao .st6 { fill: #FFF; stroke: #FFF; stroke-miterlimit: 10 } .m-register-container .member-benefits-container .member-benefits-row:not(.sliderBanner) { display: flex; justify-content: center; text-align: center } .btn.aff-btn { border-radius: 0.1rem; height: 0.95rem; width: 100%; background: linear-gradient(to bottom, #0062c9 0%, #003679 102%); } .casinogamesslider-section.theme-1 .most-play-game-image-container { height: 4.5rem; } #pageHome #homePage .home_navBox.home-nav-3 { margin-top: 3px; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav { height: auto; padding: 4px 5px; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav li { width: fit-content; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav li a { flex-direction: row; border-radius: 50px; padding: 12px 20px; font-weight: bold; gap: 5px; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav li.active a, #pageHome #homePage .home_navBox.home-nav-3 .home_nav li a:hover { background-color: black; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav li a .i { height: 0.5rem; width: 0.6rem; } #pageHome #homePage .home_navBox.home-nav-3 .home_nav li .i > i { width: 100%; height: 100%; font-size: 0.45rem; } .home-nav-3 > .tabs { border-radius: 50px; } /*.games-tab-content.layout-3{ height: 3.5rem; overflow:hidden; }*/ .owl-game-slider a { -webkit-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0.4rem; height: 100%; font-size: 0.3rem; font-weight: 400; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .owl-game-slider a .i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; position: relative; } .owl-game-slider .game-item { width: 100px; height: 120px; text-align: center; float: left; } .most-play-container .header-section .title .i { height: 25px; width: 25px; } .most-play-container .header-section .title .i .hot-icon { display: block; height: 100%; width: 100%; filter: brightness(8) grayscale(0.5) hue-rotate(101deg) contrast(0.5); background-position: center; background-repeat: no-repeat; background-size: contain; } .i .hot-icon.icon_home_menu_lc { background-image: url(images/gameicons/hot-casino.png); } .i .hot-icon.icon_home_menu_sport { background-image: url(images/gameicons/hot-sport.png); } .i .hot-icon.icon_home_menu_slot { background-image: url(images/gameicons/hot-slots.png); } .i .hot-icon.icon_home_menu_711 { background-image: url(images/gameicons/hot-games.png); } .i .hot-icon.icon_home_menu_keno { background-image: url(images/gameicons/hot-lottery.png); } .i .hot-icon.icon_home_menu_fishing { background-image: url(images/gameicons/hot-battle.png); } .i .hot-icon.icon-gameprovider { background-image: url(images/gameicons/hot-provider.png); } .gameprovider-sliders i { background-size: contain; background-repeat: no-repeat; background-position: center; width: 100%; height: 1rem; filter: brightness(0.5) contrast(5.5); } .gameprovider-sliders .game-item { width: 90px; height: 50px; background: linear-gradient(45deg, #e9ce98ff, #c1a447ff); padding: 10px 5px; border-radius: 10px; } .gameprovider-sliders a { padding-bottom: 0; } .leaderboard-banner { height: 170px; width: 100%; padding: 0 0.3rem 0.2rem; } .leaderboard-banner .banner-bg { background-image: url(images/leaderboard-banner.png); background-position: center; background-size: contain; background-repeat: no-repeat; width: 100%; height: 100%; } .affshared-banner .wrapper.bg { padding: 130px 7px 12px 12px; background-size: 100% 100%; background-color: transparent; background-image: url(images/affshared-banner.png); } .affshared-banner .affbanner-container { padding: 0 0.3rem 0.2rem; } .affshared-banner .btn { display: block; padding: 8px 0; border: 1px solid #34740e; border-radius: 4px; font-size: 15px; text-shadow: -1px -1px 0 rgba(0, 0, 0, .3); text-align: center; color: #fff; background-color: #4ba614; background-image: -webkit-linear-gradient(top, #ffffff, #ffffff); background-image: linear-gradient(to bottom, #ffffff, #ffffff); cursor: pointer; line-height: 20px; } .affshared-banner .btn { float: left; width: calc(50% - 5px); margin-top: 8px; margin-right: 5px; position: relative; } .affshared-banner .btn { background-image: url(images/share.png); background-color: transparent; background-size: 100% 100%; color: transparent; text-shadow: none; border: 0; } .affshared-banner .btn.downline { background-image: url(images/downline.png); } .affshared-banner .btn.copy { background-image: url(images/copy.png); } .affshared-banner .btn.more { background-image: url(images/more.png); } .affshared-banner .wrapper { overflow: hidden; background-color: transparent; background-size: 100% 100%; font-size: 0; padding-top: 42%; } .affshared-banner .wrapper { overflow: hidden; background: #FFECB3; padding: 10px 5px 10px 10px; color: #000; margin-top: 15px; border-radius: 8px; } .affshared-banner.depositluckydraw-banner .wrapper.bg { background-image: url(images/affshared-banner.png); padding: 170px 7px 12px 12px; } .depositluckydraw-banner .myluckynumber { margin: 2px 89px 2px 93px; background: #1B1B1B; color: #00FFFF; text-shadow: none; box-shadow: none; border-radius: 6px; border: 2px solid #00FFFF; background-size: 100% 100%; background-repeat: no-repeat; background-position: bottom; margin: 2px 89px 2px 93px; font-weight: bold; animation: buttonglow 1.5s ease-in-out infinite; } @keyframes buttonglow { 0% { transform: scale(0.8); } 50% { filter: drop-shadow(0 0 15px #00FFFF) drop-shadow(0 0 5px #00FFFF); } 50% { transform: scale(0.9); } 100% { transform: scale(0.8); } } @media (min-width: 1200px) { .m-forms-page, .mainBox { width: 1280px; justify-self: center; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list { margin: 0 0 0.2rem; } .m-deposit-landing-container .deposit-label-offline-bank-container .deposit-label-offline-bank .st-title { font-size: .2rem; } .m-deposit-landing-container .standard-tab .tab-header { font-size: .13rem; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container { grid-template-columns: repeat(10, 0.5fr); } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .st-title, .m-deposit-landing-container .collapse p { font-size: .2rem; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .standard-form-field .standard-amount-btn-container .amount-btn { font-size: .15rem; height: 0.5rem; } .m-deposit-landing-container .promotion-card-desc .promo-title { font-size: 0.17rem; } .m-deposit-landing-container .promotion-card-desc .promo-settings, .m-deposit-landing-container .promotion-card-desc .promo-minamount { font-size: 0.13rem; } .m-deposit-landing-container .deposit-tab .tab-header .img-container svg:not(:root) { height: 0.3rem; } .m-deposit-landing-container .tab-header .img-container { border-radius: 0.1rem; padding: 0.15rem 0; margin: 0 0 0.1rem; } .m-deposit-landing-container .standard-tab-container .standard-tab { grid-template-columns: repeat(6, 0.4fr); } .fas.fa-sync-alt { font-size: 0.2rem !important; } .mobile-beta-refresh { width: 0.2rem !important; } .icon_home_header_restore { width: 0.36rem; height: 0.35rem; } .m-register-container .reg-step-container .reg-form-section .register-input-container:not(:last-child), .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(:last-child), .m-standard-transaction-container .standard-form-field:not(:last-child) { margin: 0 0 .1rem; } .m-bank-transfer-container .m-standard-form-container .bank-statement-wrapper .upload-receipt-btn { width: 90%; height: 0.4rem; border: 0.02rem solid #dbe0e4; border-radius: 0.1rem; } i.icon.bank-logo { width: 0.5rem; height: 0.5rem; } .standard-form-field .standard-input-svg { width: 0.2rem; } .m-deposit-landing-container .standard-content-container .m-standard-transaction-container .m-transaction-form .bank-list-container .bank-list .bank-item .img-container.online:before { width: 0.1rem; height: 0.1rem; top: 2%; right: 0%; } .m-deposit-landing-container .promotion-card { padding: 20px; } .m-deposit-landing-container .promotion-card .radio-input-card { width: 0.5rem; height: 0.5rem; } .icon-menu { width: 50px; height: 40px; background-image: url(images/desktop/sidemenu.svg); background-position: center; background-repeat: no-repeat; background-size: 40%; border-radius: 8px; } ._bannerGrid_6twde_1 { width: 1280px; display: grid; grid-template-columns: repeat(auto-fill, minmax(389px, 1fr)); gap: 16px; } ._bannerGrid_6twde_1 ._description_qvbqo_18 .title { color: rgb(84, 19, 68); } ._bannerGrid_6twde_1 ._description_qvbqo_18 .desc { color: rgb(84, 19, 68); } .icon-myprofile, .icon-message, .icon-changepassword, .account-menu-section .icon-referral-program { width: 0.5rem; height: 0.5rem; } .account-menu-section i:is(.fas, .fa, .fab) { font-size: 0.3rem; } .icon-logout { width: 0.3rem; height: 0.3rem; } .account-menu-section { margin: .1rem 0; grid-gap: .1rem; } .account-menu-section .shortcut-menu { padding: .1rem .1rem .15rem; width: 1.9rem; } i:is(.fas, .fa, .fab) { font-size: 0.3rem; } .account-menu-section .shortcut-menu .menu-img-wrapper .unread-msg { top: 20%; font-size: .15rem; width: .19rem; } .mobile-wallet-section .wallet-info { font-size: .18rem; } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .member-balance { font-size: .2rem; } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom .currency-label { height: 0.28rem; font-size: .15rem; } .mobile-wallet-section .wallet-info .top-content .member-wallet .bottom { margin: 0.05rem 0 0; padding: 0.03rem 0.2rem; height: 0.3rem; } .mobile-wallet-section .idr_content_bottom li a { font-size: 0.18rem; gap: 13px; justify-content: center; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom li a .i, .idr_content_bottom li a .i { height: 0.4rem; } .icon-withdrawal { width: 0.38rem; height: 0.36rem; } .icon-history, .icon-statement { width: 0.29rem; height: 0.37rem; } .icon-wallets { width: 0.29rem; height: 0.3rem; } #pageHome #homePage .idr_box .idr_content .idr_content_bottom, .idr_content_bottom { height: 1rem; } .mobile-wallet-section .wallet-info .top-content { padding: 0.2rem 0.6rem; } .mobile-wallet-section .wallet-info .top-content .member-action .action-box { justify-content: space-evenly; height: 100px; } .mobile-wallet-section .wallet-info .bottom-content.show { padding: 0.1rem 0; } .mobile-wallet-section .collapse p { font-size: 0.15rem; } .mobile-wallet-section .collapse svg { width: 0.1rem; } .deposit-progress-bar-container .account-info-container { font-size: .2rem; } .deposit-progress-bar-container .account-info-container .account-icon { width: .4rem; height: .4rem; } .deposit-progress-bar-container .account-grade-container .account-group-container .lazy-load-image-background .group-img, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .lazy-load-image-background .group-img { width: 0.9rem; } .deposit-progress-bar-container .account-grade-container { font-size: .15rem; } .deposit-progress-bar-container .account-grade-container .account-group-container .group-level, .deposit-progress-bar-container .account-grade-container .account-group-container .leaderboard-desc, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .group-level, .deposit-progress-bar-container .account-grade-container .account-leaderboard-container .leaderboard-desc { height: .4rem; padding: 0 .25rem 0 .5rem; } .icon-wallettransfer { width: 0.45rem; height: 0.33rem; } .sidemenu { max-width: 380px; } .sidemenu-home-logo > img { max-width: 260px; max-height: fit-content; } .sidemenu { width: 3rem; } .sidemenu-logo { height: 0.5rem; grid-template-columns: 60% 20%; } .sidemenu ul { padding-left: 8px; } .sidemenu ul li .title { margin-top: 2px; } .sidemenu ul li { height: auto; padding-top: 8px; padding-bottom: 8px; } .sidemenu ul li a .i { height: auto; } .sidemenu ul li a { font-size: 1.1em; } .sidemenu .icon { width: 0.25rem; max-width: 50px; height: 0.25rem; max-height: 50px; } .sidemenu .sm-item { grid-template-columns: 15% 80%; } .sidemenu-home-logo { height: inherit; } .sidemenu-home-logo > img { width: 100%; height: 100%; padding-bottom: 0; padding-left: 0.2rem; padding-top: 0; } .sidemenu-back-logo > img { width: 0.30rem; height: 0.30rem; max-width: 38px; max-height: 38px; } .img-backbtn { width: 0.3rem; } .m-forms-page .form-title { font-size: .2rem; } .reg-progress-bar-section { width: 70%; margin: .4rem auto 0; } .reg-progress-bar-section .step-wrapper { width: .4rem; height: 0.4rem; font-size: 0.2rem; padding: .01rem 0 0; } .reg-progress-bar-section .step-wrapper svg { width: .2rem; } .m-register-container .reg-step-container { padding: 3em 18em 1em; } .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=text], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=password], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=email], .m-register-container .reg-step-container .reg-form-section .register-input-container input[type=number], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=text], .m-register-container .reg-step-container .reg-step-2 .register-input-container input[type=password] { font-size: 1.3em; height: 2.5em; } .m-register-container .reg-step-container .reg-form-section .register-input-container:not(.affiliateID) .standard-form-field::after, .m-register-container .reg-step-container .reg-step-2 .register-input-container:not(.affiliateID) .standard-form-field::after { margin-left: 0em; padding: 0 0.5em 0 0; font-size: 2em; right: -0.7em; top: -0.4em; } .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-form-section .register-input-container .standard-select:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-input:active, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:-webkit-autofill, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:hover, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:focus, .m-register-container .reg-step-container .reg-step-2 .register-input-container .standard-select:active { border: .05em solid #0071e3; } .standard-label, .m-settings-page.m-forms-page .standard-form-field .standard-label, .standard-form-field .standard-input, .standard-form-field .standard-select, .profile-column .standard-form-field .standard-input { font-size: 1.5em; } .m-forms-page .standard-error-validation { font-size: 0.12rem; } .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container { font-size: .15rem; } .m-standard-transaction-container .m-transaction-form .standard-form-field .tool-tip-container svg { height: 0.2rem; width: 0.2rem; } .btn-common { font-size: 0.3rem; line-height: 0.6rem; } .standard-button-container .standard-submit-form-button { height: 0.5rem; line-height: 0; font-size: 0.2rem; } .m-register-container .reg-step-container .reg-notice-section, .m-register-container .reg-step-container .reg-footer-notice { font-size: .15rem; } .m-register-container .reg-step-container .prompt-login-section, .m-register-container .reg-step-container .prompt-login { margin: 0.5rem 0 0; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li { width: 20% !important; max-width: 300px; height: 2rem !important; max-height: 255px; } #pageHome #homePage .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a { font-size: 1.3em; } .m-settings-page .standard-tab-container .standard-tab { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 .15rem; height: 0.5rem; } .m-settings-page .standard-form-field:not(:first-child) { margin: 0.01rem 0 0; } .profile-column:not(:first-child) { margin: .3rem 0 0; } .profile-column .column-title { font-size: 0.24rem; margin: 0 0 .25rem; } .profile-column .standard-form-field .kyc-label { font-size: .23rem; } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-file-content { font-size: .2rem; } .profile-column .standard-form-field.kyc-form-field .kyc-input-field .kyc-choose-file svg { width: .2rem; height: .3rem; } #loginPage .logo_big { height: 1.5rem; padding-top: 0.2rem; max-height: 460px; } #loginPage .login_centent { padding: 0.1rem 15em; width: 8.2rem; max-width: 1200px; } .icon_login_user { width: 0.22rem; height: 0.3rem; } .icon_login_key { width: 0.25rem; height: 0.23rem; } #loginPage .login_centent .login_centent_item > label { width: 0.6rem; } #loginPage .login_centent .btn-blue { margin-top: 0.3rem; font-size: 2.5em; } #loginPage .login_centent .login_forgetpsd, .forgetpsd { font-size: 1.8em; margin-left: 0.3rem; margin-top: 40px; } #loginPage .login_btn { text-align: center; } #loginPage .login_toreg { font-size: 0.18rem; } .login_centent .remember-me { font-size: 1.7em; margin-left: 10px; } #rememberMe { width: 30px; height: 30px; } .btn-blue { width: 4.5rem; height: 0.6rem; } .standard-form-field .standard-password-eye { right: -0.5em; height: 3em; width: 3em; margin: 0 .1rem; top: 0.2em; } .standard-form-field .standard-password-eye { padding: 0.3em; transform: unset; } #promotionsPage .history_nav li a { font-size: 0.15rem; } #promotionsPage .history_nav { height: 0.5rem; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p1, #promotionsPage.theme2 .history_content .history_list .history_list_item .promotions_item .promotitembottom .p1 { font-size: 15px; margin-top: 5px; } #promotionsPage .history_content .history_list .history_list_item .promotions_item { width: 24%; max-width: 300px; padding: 13px; padding-bottom: 18px; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .p2 { font-size: 13px; margin-bottom: 23px; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom { padding: 0 0rem; margin: 0; padding-top: 8px; padding-left: 8px; } #promotionsPage .history_content .history_list .history_list_item .promotions_item:last-child { margin-bottom: 0.3rem; } #promotionsPage .history_content .history_list .history_list_item .promotions_item .promotitembottom .b1 { font-size: 12px; } .most-play-container .most-play-title, .m-referral-container .referral-title, .app-download .app-download-title { font-size: 0.16rem; padding-top: 0; } .slotgamesluckypickslider-section .most-play-game-title { font-size: .065rem; margin-top: 0; } .slotgamesluckypickslider-section .most-play-container .most-play-game-container .most-play-game { border-bottom: none; } .most-play-container { width: 1280px; margin-left: auto; margin-right: auto; } .most-play-container .most-play-game-container .most-play-game { width: 2rem; max-width: 250px; padding: 0rem 0.05rem; max-height: 200px; } .most-play-game-image-container { height: 1.3rem; max-height: 170px; } .most-play-game img { border-radius: 0.15rem; } .most-play-game-desc { font-size: 1em; padding-top: 5px; margin-bottom: 0; } .slotgamesslider-section .most-play-game-title { display: none; } .casinogamesslider-section .most-play-container .most-play-game-container .most-play-game { max-width: 200px; } .casinogamesslider-section .most-play-game-image-container { height: 1.7rem; max-height: 230px; } #pageHome #homePage .gamelobby-tab-content .game-title { font-size: 0.8em; } #pageHome #homePage .home_navBox .home_nav li a { font-size: x-large; } .most-play-game-title, .most-play-button { font-size: 1.2em; margin-top: 1em; } .most-play-button { padding-bottom: 1em; } .m-promotion-button-container .btn-common { font-size: 0.15rem; height: 0.5rem; line-height: 0.5rem; } .btn-blue-promo, .btn-red-promo { height: 0.6rem; } .sidebar-menu-accountinfo .fa-user-alt:before, .sidebar-menu-accountinfo .fa-wallet:before { font-size: 0.2rem; } .sidebar-menu-accountinfo .loginid, .sidebar-menu-accountinfo .main-balance-amt { margin-top: 0.1rem; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li { width: 14%; height: 1.3rem; max-width: 200px; max-height: 190px; } .gamelobby-content .home_firmcontent_box .home_firmcontent .home_firms .home_firms_tr li a { font-size: 0.9em; padding-bottom: 0.1rem; } .swiper { height: 0.8rem !important; } .swiper-slide { max-width: 24vw !important; } .promotion-detail { grid-template-rows: 0.7rem 1fr; } .promotion-detail .pDetailTitle .titleText { font-size: 0.2rem; } .icon_language_close { width: 0.2rem; height: 0.2rem; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent { width: 1200px; justify-self: center; } #pagePromotionsDetail #promotionsDetailPage .promodetailContent .promodetail_textbox .p_title { font-size: 0.23rem; } #pagePromotionsDetail #promotionsDetailPage li, #pagePromotionsDetail #promotionsDetailPage p { font-size: 0.2rem !important; } body .footer-section div[class*="-box"] { justify-content: flex-start; gap: 10px; } .icon-visa { width: 0.5rem; height: 0.16rem; } .icon-master { width: 0.4rem; height: 0.25rem; } .icon-fpx { width: 0.4rem; height: 0.2rem; } .icon-touchngo, .icon-boostpay, .icon-grabpay, .icon-usdt, .icon-alipay { width: 0.27rem; height: 0.27rem; } .icon-duitnow { width: 0.25rem; height: 0.23rem; } .icon-instagramcolor-circle, .icon-youtubecolor-circle, .icon-facebookcolor-circle { width: 0.25rem; height: 0.25rem; } .icon-bmm { width: 0.34rem; height: 0.11rem; } .icon-itechlab, .icon-global { width: 0.22rem; height: 0.23rem; } .icon-payouts { width: .9rem; height: 0.2rem; } .icon-godaddy, .icon-iovation { height: 0.2rem; width: 1rem; } .responsiblegaming-box i { margin: 0; } .icon-18plus, .icon-gamcare { height: 0.2rem; width: 0.2rem; } .icon-begambleware { height: 0.2rem; width: 0.3rem; } section.lotto-place-bet { width: 50%; } section.lotto-place-bet .lotto-bet-btn a, .lotto-bet-btn a:hover { height: 0.5rem; line-height: 0.5rem; font-size: 0.2rem; } #lottery4dresultslider .most-play-container { width: 100%; } #lottery4dresultslider .most-play-container .most-play-game-container { display: block; } #lottery4dresultslider .most-play-container .most-play-game-container > div { flex-direction: row; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; gap: 10px; } #lottery4dresultslider .most-play-game-container-scroll .lheader .right { width: 50%; } .lotto-result { width: 250px; } .lotto-result .lheader img { width: 1rem; } .lotto-result .lheader { height: 0.7rem; } .lotto-result.granddragon .lheader img { width: 0.5rem; } .most-play-container .header-section .title { width: 50%; gap: 5px; } .most-play-container .header-section .title > img { width: 3%; } .home_notice { height: 0.4rem; } .home_notice .notice-parent { font-size: 1.8em; } .icon_home_notice { width: 0.45rem; max-width: 73px; height: 0.35rem; max-height: 59px; } }