@charset "UTF-8";@import"//fonts.googleapis.com/css?family=Roboto:300,400,500,700,900&subset=latin,latin-ext";/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-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: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-moz-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        -moz-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        -moz-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@-o-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -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);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-30px,0);
        -moz-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -moz-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -o-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        -moz-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        -moz-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-moz-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@-o-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;
    -moz-animation-name: flash;
    -o-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -moz-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-o-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        -moz-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -o-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-moz-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-o-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        -moz-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }

    40% {
        -webkit-transform: scale3d(.75,1.25,1);
        -moz-transform: scale3d(.75,1.25,1);
        transform: scale3d(.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        -moz-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        -moz-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        -moz-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    -moz-animation-name: rubberBand;
    -o-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translate3d(0,0,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)
    }
}

@-moz-keyframes shake {
    0%,to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

@-o-keyframes shake {
    0%,to {
        -webkit-transform: translate3d(0,0,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: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    -moz-animation-name: shake;
    -o-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translate(0)
    }
}

@-moz-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        transform: translate(0)
    }
}

@-o-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0)
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        -moz-transform: translateX(-6px) rotateY(-9deg);
        transform: translate(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        -moz-transform: translateX(5px) rotateY(7deg);
        transform: translate(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        -moz-transform: translateX(-3px) rotateY(-5deg);
        transform: translate(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        -moz-transform: translateX(2px) rotateY(3deg);
        transform: translate(2px) rotateY(3deg)
    }

    50% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    -moz-animation-name: headShake;
    -o-animation-name: headShake;
    animation-name: headShake
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

@-moz-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -moz-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -moz-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -moz-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -moz-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

@-o-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        -moz-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        -moz-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        -moz-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        -moz-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    to {
        -webkit-transform: rotate3d(0,0,1,0deg);
        -moz-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0)
    }
}

.swing {
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    -ms-transform-origin: top center;
    -o-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    -moz-animation-name: swing;
    -o-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-moz-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -moz-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-o-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        -moz-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        -moz-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

    to {
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    -moz-animation-name: tada;
    -o-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        -moz-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        -moz-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        -moz-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        -moz-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        -moz-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    -moz-animation-name: wobble;
    -o-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@-moz-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        -moz-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@-o-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -o-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        -o-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -o-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        -moz-transform: skewX(-12.5deg) skewY(-12.5deg);
        -o-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skew(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        -moz-transform: skewX(6.25deg) skewY(6.25deg);
        -o-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skew(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        -moz-transform: skewX(-3.125deg) skewY(-3.125deg);
        -o-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skew(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        -moz-transform: skewX(1.5625deg) skewY(1.5625deg);
        -o-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skew(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        -moz-transform: skewX(-.78125deg) skewY(-.78125deg);
        -o-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skew(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        -moz-transform: skewX(.390625deg) skewY(.390625deg);
        -o-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skew(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        -o-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skew(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    -moz-animation-name: jello;
    -o-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    14% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    28% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }

    42% {
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        transform: scale(1.3)
    }

    70% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    -moz-animation-name: heartBeat;
    -o-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    -moz-animation-duration: 1.3s;
    -o-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    -moz-animation-timing-function: ease-in-out;
    -o-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-moz-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -moz-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@-o-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        -moz-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        -moz-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        -moz-transform: scale3d(1,1,1);
        transform: scaleZ(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    -moz-animation-name: bounceIn;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -moz-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -moz-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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);
        -moz-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        -moz-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        -moz-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    -moz-animation-name: bounceInDown;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -moz-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -moz-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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);
        -moz-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        -moz-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        -moz-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        -moz-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    -moz-animation-name: bounceInLeft;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        -moz-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        -moz-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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);
        -moz-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        -moz-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        -moz-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        -moz-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    -moz-animation-name: bounceInRight;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-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);
        -moz-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -moz-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        -moz-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -moz-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -o-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);
        -moz-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -moz-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        -moz-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    -moz-animation-name: bounceInUp;
    -o-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)
    }
}

@-moz-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

@-o-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);
        -moz-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        -moz-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    -moz-animation-name: bounceOut;
    -o-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)
    }
}

@-moz-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -moz-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        -moz-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    -moz-animation-name: bounceOutDown;
    -o-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)
    }
}

@-moz-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        -moz-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    -moz-animation-name: bounceOutLeft;
    -o-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)
    }
}

@-moz-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        -moz-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    -moz-animation-name: bounceOutRight;
    -o-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)
    }
}

@-moz-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -moz-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        -moz-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    -moz-animation-name: bounceOutUp;
    -o-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    -moz-animation-name: fadeIn;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    -moz-animation-name: fadeInDownBig;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    -moz-animation-name: fadeInLeftBig;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    -moz-animation-name: fadeInRightBig;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    -moz-animation-name: fadeInUpBig;
    -o-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    -moz-animation-name: fadeOut;
    -o-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)
    }
}

@-moz-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    -moz-animation-name: fadeOutDown;
    -o-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)
    }
}

@-moz-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    -moz-animation-name: fadeOutDownBig;
    -o-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)
    }
}

@-moz-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    -moz-animation-name: fadeOutLeft;
    -o-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)
    }
}

@-moz-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    -moz-animation-name: fadeOutLeftBig;
    -o-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)
    }
}

@-moz-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    -moz-animation-name: fadeOutRight;
    -o-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)
    }
}

@-moz-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

@-o-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);
        -moz-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    -moz-animation-name: fadeOutRightBig;
    -o-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)
    }
}

@-moz-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    -moz-animation-name: fadeOutUp;
    -o-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)
    }
}

@-moz-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

@-o-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);
        -moz-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    -moz-animation-name: fadeOutUpBig;
    -o-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-moz-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@-o-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(-360deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        -moz-animation-timing-function: ease-out;
        -o-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) scaleZ(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -moz-transform: perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        -webkit-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        -moz-transform: perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);
        transform: perspective(400px) scaleZ(1) translateZ(0) rotateY(0);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    -moz-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    -moz-animation-name: flip;
    -o-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    -moz-animation-name: flipInX;
    -o-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-moz-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@-o-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        -moz-animation-timing-function: ease-in;
        -o-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInY;
    -moz-animation-name: flipInY;
    -o-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        -moz-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    -moz-animation-name: flipOutX;
    -o-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-moz-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@-o-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        -moz-transform: perspective(400px);
        transform: perspective(400px)
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        -moz-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    -moz-animation-duration: .75s;
    -o-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible!important;
    -moz-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipOutY;
    -moz-animation-name: flipOutY;
    -o-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        -moz-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skew(-30deg);
        opacity: 0
    }

    60% {
        -webkit-transform: skewX(20deg);
        -moz-transform: skewX(20deg);
        -o-transform: skewX(20deg);
        transform: skew(20deg);
        opacity: 1
    }

    80% {
        -webkit-transform: skewX(-5deg);
        -moz-transform: skewX(-5deg);
        -o-transform: skewX(-5deg);
        transform: skew(-5deg)
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    -moz-animation-name: lightSpeedIn;
    -o-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-timing-function: ease-out;
    -o-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) skew(30deg);
        opacity: 0
    }
}

@-moz-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skew(30deg);
        opacity: 0
    }
}

@-o-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skew(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        -moz-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skew(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    -moz-animation-name: lightSpeedOut;
    -o-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -moz-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        -moz-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    -moz-animation-name: rotateIn;
    -o-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    -moz-animation-name: rotateInDownLeft;
    -o-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    -moz-animation-name: rotateInDownRight;
    -o-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    -moz-animation-name: rotateInUpLeft;
    -o-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-moz-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -moz-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@-o-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        -moz-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    -moz-animation-name: rotateInUpRight;
    -o-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -moz-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@-o-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }

    to {
        -webkit-transform-origin: center;
        -moz-transform-origin: center;
        -o-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        -moz-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    -moz-animation-name: rotateOut;
    -o-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        -moz-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    -moz-animation-name: rotateOutDownLeft;
    -o-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    -moz-animation-name: rotateOutDownRight;
    -o-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: left bottom;
        -moz-transform-origin: left bottom;
        -o-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        -moz-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    -moz-animation-name: rotateOutUpLeft;
    -o-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@-moz-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -moz-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@-o-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        -webkit-transform-origin: right bottom;
        -moz-transform-origin: right bottom;
        -o-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        -moz-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    -moz-animation-name: rotateOutUpRight;
    -o-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,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
    }
}

@-moz-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -moz-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -moz-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@-o-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -o-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% {
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        -moz-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        -moz-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        -moz-transform-origin: top left;
        -o-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        -moz-animation-timing-function: ease-in-out;
        -o-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(0,700px,0);
        -moz-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    -moz-animation-name: hinge;
    -o-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        -moz-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

@-o-keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        -o-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        -webkit-transform: scale(.1) rotate(30deg);
        -moz-transform: scale(.1) rotate(30deg);
        -o-transform: scale(.1) rotate(30deg);
        transform: scale(.1) rotate(30deg);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom
    }

    50% {
        -webkit-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }

    70% {
        -webkit-transform: rotate(3deg);
        -moz-transform: rotate(3deg);
        -o-transform: rotate(3deg);
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    -moz-animation-name: jackInTheBox;
    -o-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -moz-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        -moz-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    -moz-animation-name: rollIn;
    -o-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@-moz-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -moz-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@-o-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        -moz-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    -moz-animation-name: rollOut;
    -o-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
    }
}

@-moz-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@-o-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);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    -moz-animation-name: zoomIn;
    -o-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)
    }
}

@-moz-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    -moz-animation-name: zoomInDown;
    -o-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)
    }
}

@-moz-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    -moz-animation-name: zoomInLeft;
    -o-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)
    }
}

@-moz-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    -moz-animation-name: zoomInRight;
    -o-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)
    }
}

@-moz-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -moz-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);
        -moz-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    -moz-animation-name: zoomInUp;
    -o-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@-o-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        -moz-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    -moz-animation-name: zoomOut;
    -o-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)
    }
}

@-moz-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -moz-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);
        -moz-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);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    -moz-animation-name: zoomOutDown;
    -o-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
    }
}

@-moz-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        transform-origin: left center
    }
}

@-o-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;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    -moz-animation-name: zoomOutLeft;
    -o-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
    }
}

@-moz-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        transform-origin: right center
    }
}

@-o-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;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        -moz-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);
        -moz-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        -moz-transform-origin: right center;
        -o-transform-origin: right center;
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    -moz-animation-name: zoomOutRight;
    -o-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)
    }
}

@-moz-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -moz-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);
        -moz-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);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@-o-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);
        -o-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;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-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);
        -moz-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);
        -moz-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        -o-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);
        -moz-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        -moz-transform-origin: center bottom;
        -o-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -moz-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        -o-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    -moz-animation-name: zoomOutUp;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    -moz-animation-name: slideInDown;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    -moz-animation-name: slideInLeft;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    -moz-animation-name: slideInRight;
    -o-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: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-moz-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@-o-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    -moz-animation-name: slideInUp;
    -o-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-moz-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@-o-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        -moz-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    -moz-animation-name: slideOutDown;
    -o-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-moz-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@-o-keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        -moz-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    -moz-animation-name: slideOutLeft;
    -o-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-moz-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@-o-keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        -moz-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    -moz-animation-name: slideOutRight;
    -o-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-moz-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@-o-keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        -moz-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    -moz-animation-name: slideOutUp;
    -o-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    -moz-animation-delay: 4s;
    -o-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    -moz-animation-delay: 5s;
    -o-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    -moz-animation-duration: .8s;
    -o-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    -moz-animation-duration: .5s;
    -o-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    -moz-animation-duration: 2s;
    -o-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -o-animation-duration: 3s;
    animation-duration: 3s
}

@media (print),(prefers-reduced-motion: reduce) {
    .animated {
        -webkit-animation-duration: 1ms!important;
        -moz-animation-duration: 1ms!important;
        -o-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        -moz-transition-duration: 1ms!important;
        -o-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        -moz-animation-iteration-count: 1!important;
        -o-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }
}

:root {
    --bgColor01: #ffffff;
    --bgColor02: #e7d0bb;
    --bgColor03: #345069;
    --bgColor04: #d1d1d1;
    --bgColor05: #acacac;
    --bgColor06: #f7f7f7;
    --bgColor07: #c9aa8d;
    --bgColor08: #f5f4f2;
    --bgColor09: #e2e2e2;
    --bgColor10: #dbb897;
    --bgColor11: #a2a2a2;
    --bgColor12: #f5f5f5;
    --bgColor13: #000000;
    --bgColor14: #eeeaeb;
    --bgColor15: #197356;
    --bgColor16: #27292e;
    --bgColor17: #e4e4e4;
    --bgColor18: #f3eee9;
    --bgColor19: #eff1f6;
    --bgColor20: #166c51;
    --bgColor21: #0f0f0f;
    --bgColor22: #dc3636;
    --bgColor23: #f9f9f9;
    --bgColor24: #989ca1;
    --bgColor25: #f3f3f3;
    --bgColor26: #7f96b6;
    --bgColor27: #52aeca;
    --bgColor30: #313644;
    --bgColor31: #f5eee8;
    --bgColor32: #c600be;
    --bgColor33: #ff003D;
    --bgColor34: #5c99c1;
    --bgColor35: #dab89a;
    --bgColor36: #ce9a6d;
    --bgColor37: #939bb0;
    --bgColor38: #494c5c;
    --bgColor39: #F3991B;
    --bgColor01_op: rgba(18, 110, 81, .97);
    --bgColor02_op: rgba(0, 0, 0, .8);
    --bgColor03_op: rgba(0, 0, 0, .6);
    --bgColor04_op: rgb(241, 241, 241, .1);
    --bgColor05_op: rgba(0, 0, 0, .5);
    --bgColor06_op: rgba(0, 0, 0, 0);
    --bgColor07_op: rgba(0, 0, 0, .1);
    --bgColor08_op: rgb(39, 41, 46, .95);
    --bgColor09_op: rgba(0, 0, 0, .35);
    --bgColor10_op: rgba(84, 69, 0, .35);
    --bgColor11_op: rgb(52, 80, 105, .5);
    --bgColor12_op: rgba(186, 193, 201, .6);
    --bgColor13_op: rgba(183, 183, 183, .4);
    --bgColor14_op: rgb(52, 80, 105, .35);
    --bgColor15_op: rgb(255, 255, 255, .9);
    --bgColor16_op: rgba(42, 42, 42, .32);
    --bgColor_Grad01-00: #126e51;
    --bgColor_Grad01-01: #31c798;
    --bgColor_Grad02-00: #3c3d3e;
    --bgColor_Grad02-01: #ababab;
    --bgColor_Grad03-00: #4f68e1;
    --bgColor_Grad03-01: #001ba1;
    --bgColor_Grad04-00: #e01921;
    --bgColor_Grad04-01: #761014;
    --bgColor_Grad05-00: #f4f4f4;
    --bgColor_Grad05-01: #e1e1e1;
    --bgColor_Grad06-00: #f7f7f7;
    --bgColor_Grad06-01: #ffffff;
    --bgColor_Grad07-00: #5875d7;
    --bgColor_Grad07-01: #3555c0;
    --bgColor_Grad08-00: #e63c3c;
    --bgColor_Grad08-01: #ba1818;
    --bgColor_Grad09-00: #f2d09b;
    --bgColor_Grad09-01: #dbb897;
    --bgColor_Grad09-02: #8e7054;
    --bgColor_Grad10-00: #f4f4f4;
    --bgColor_Grad10-01: #ffffff;
    --txtColor01: #ffffff;
    --txtColor02: #646464;
    --txtColor03: #dbdbdb;
    --txtColor04: #e5e5e5;
    --txtColor05: #111111;
    --txtColor06: #363636;
    --txtColor07: #8e7054;
    --txtColor08: #ededed;
    --txtColor09: #28755b;
    --txtColor10: #000000;
    --txtColor11: #2f3137;
    --txtColor12: #a5a6a6;
    --txtColor13: #161616;
    --txtColor14: #7f96b6;
    --txtColor15: #7e7f86;
    --txtColor16: #d11722;
    --txtColor17: #18a071;
    --txtColor18: #b6b6b6;
    --txtColor19: #494c54;
    --txtColor20: #d93e44;
    --txtColor21: #ffe418;
    --txtColor22: #d5d5d6;
    --txtColor23: #ffba00;
    --txtColor24: rgb(184, 184, 185, .5);
    --txtColor25: #272729;
    --txtColor26: #5875d7;
    --txtColor27: #239f65;
    --txtColor28: #342b24;
    --txtColor29: #555555;
    --txtColor30: #54728e;
    --txtColor31: #c9aa8d;
    --txtColor32: #dbb897;
    --txtColor33: #6a7391;
    --txtColor34: #345069;
    --txtColor35: #907155;
    --txtColor36: #c99463;
    --txtColor37: #8ac7d7;
    --txtColor38: #989ca1;
    --txtColor39: #a3acc7;
    --txtColor40: #477eff;
    --txtColor41: #b48152;
    --txtColor42: #979797;
    --txtColor43: #FF2358;
    --txtColor44: #4b5470;
    --txtColor45: #7c8797;
    --txtColor46: #54738d;
    --txtColor47: #47372a;
    --txtColor01_op: rgba(54, 54, 54, .8);
    --txtColorFoot01: #bbbcc2;
    --txtColorFoot02: #777777;
    --txtColorFoot03: #939393;
    --borderColor01: #ebebeb;
    --borderColor02: #464648;
    --borderColor03: #dddddd;
    --borderColor04: #c3c3c3;
    --borderColor05: #cacaca;
    --borderColor06: #c3b9b9;
    --borderColor07: #cfcfcf;
    --borderColor08: #debea0;
    --borderColor09: #dfdfdf;
    --borderColor10: #dbb897;
    --borderColor11: #aaaaaa;
    --borderColor12: #3c3d40;
    --borderColor13: #dbb897;
    --borderColor14: #616469;
    --borderColor15: #dec1a6;
    --borderColor16: #ffffff;
    --borderColor17: #342b24;
    --borderColor18: #393d46;
    --borderColor19: #c7b09b;
    --borderColor20: rgb(189, 198, 211, .5);
    --borderColor21: #b27b45;
    --borderColor22: #979797;
    --borderColor23: #000000;
    --borderColor24: #c99463;
    --borderColor25: #e0c1a7;
    --borderColor01_op: rgb(57, 62, 82, .6);
    --borderColor02_op: rgb(191, 191, 191, .5);
    --btnColor01: #01aa90;
    --btnColor02: #2d2f35;
    --btnColor03: #eaeaea;
    --btnColor04: #7f96b6;
    --btnColor05: #73747d;
    --btnColor06: #dc3636;
    --btnColor07: #242528;
    --btnColor08: #8e7054;
    --btnColor09: #56575e;
    --btnColor10: #4f6dc3;
    --btnColor11: #c9aa8d;
    --btnColor12: #ffffff;
    --btnColor13: #d93e44;
    --btnColor14: #ececec;
    --btnColor15: #3cb878;
    --btnColor16: #999999;
    --btnLevelColor01: #ed1b23;
    --btnLevelColor02: #ed601b;
    --btnLevelColor03: #edb41b;
    --btnLevelColor04: #0ab040;
    --btnLevelColor05: #0884be;
    --btnLevelColor06: #312ba8;
    --btnLevelColor07: #6c27a7
}

section#content {
    top: 0vw;
    bottom: 0vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

#out-wrapper.fixed section#content {
    overflow: hidden;
    position: fixed
}

section#content.h-fix {
    position: fixed;
    z-index: 1;
    padding: 0;
    height: auto;
    top: unset
}

body {
    position: relative;
    font-size: 16px;
    width: 100%;
    height: 100%;
    /* overflow-y: hidden; */
    font-family: Microsoft JhengHei,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.5;
    -webkit-tap-highlight-color: transparent
}

div,section {
    width: 100%;
    position: relative;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: -.08vw
}

.fixed {
    overflow-y: hidden!important
}

.hide {
    display: none!important
}

*,*:before,*:after {
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

:focus {
    outline: none
}

a {
    text-decoration: none
}

img {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow: hidden
}

ul li {
    list-style: none;
    padding: 0
}

p {
    margin: 0
}

em {
    font-style: normal
}

.w5 {
    width: 5vw;
    max-width: 5vw
}

.w10 {
    width: 10vw;
    max-width: 10vw
}

.w15 {
    width: 15vw;
    max-width: 15vw
}

.w20 {
    width: 20vw;
    max-width: 20vw
}

.w25 {
    width: 25vw;
    max-width: 25vw
}

.w30 {
    width: 30vw;
    max-width: 30vw
}

.w35 {
    width: 35vw;
    max-width: 35vw
}

.w40 {
    width: 40vw;
    max-width: 40vw
}

.w45 {
    width: 45vw;
    max-width: 45vw
}

.w50 {
    width: 50vw;
    max-width: 50vw
}

.w55 {
    width: 55vw;
    max-width: 55vw
}

.w60 {
    width: 60vw;
    max-width: 60vw
}

.w65 {
    width: 65vw;
    max-width: 65vw
}

.w70 {
    width: 70vw;
    max-width: 70vw
}

.w75 {
    width: 75vw;
    max-width: 75vw
}

.w80 {
    width: 80vw;
    max-width: 80vw
}

.w85 {
    width: 85vw;
    max-width: 85vw
}

.w90 {
    width: 90vw;
    max-width: 90vw
}

.w95 {
    width: 95vw;
    max-width: 95vw
}

table {
    width: 100vw;
    max-width: 100vw;
    border-collapse: collapse
}

input[type=text],input[type=password],textarea,select {
    color: var(--txtColor05);
    outline: none;
    border: 0px solid;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

input[type=text]:focus,input[type=password]:focus,textarea:focus,select {
    box-shadow: none;
    border: 0px solid var(--borderColor02)
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    -o-background-size: 3vw;
    background-size: 3vw;
    background-image: url(../assets/select-arrow.268c1e38.svg)
}

select::-ms-expand {
    display: none
}

::-webkit-input-placeholder {
    color: var(--txtColor18);
    opacity: 1
}

:-moz-placeholder {
    color: var(--txtColor18);
    opacity: 1
}

::-moz-placeholder {
    color: var(--txtColor18);
    opacity: 1
}

:-ms-input-placeholder {
    color: var(--txtColor18);
    opacity: 1
}

::placeholder {
    color: var(--txtColor18);
    opacity: 1
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    opacity: .4
}

::-webkit-scrollbar-track {
    background: var(--bgColor04_op)
}

@-webkit-keyframes parent-tab-image {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    40% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-moz-keyframes parent-tab-image {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -moz-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    40% {
        -moz-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px);
        -ms-transform: translateY(-8px);
        -o-transform: translateY(-8px)
    }

    60% {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -moz-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    to {
        -moz-transform: translateY(0);
        transform: translateY(0)
    }
}

@-o-keyframes parent-tab-image {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    40% {
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    to {
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes parent-tab-image {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    20% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    40% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    60% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    80% {
        -webkit-transform: translateY(-8px);
        -moz-transform: translateY(-8px);
        -o-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes leftIn {
    0% {
        -webkit-transform: translateX(20%);
        transform: translate(20%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes leftIn {
    0% {
        -moz-transform: translateX(20%);
        transform: translate(20%);
        opacity: 0
    }

    to {
        -moz-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes leftIn {
    0% {
        -o-transform: translateX(20%);
        transform: translate(20%);
        opacity: 0
    }

    to {
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes leftIn {
    0% {
        -webkit-transform: translateX(20%);
        -moz-transform: translateX(20%);
        -o-transform: translateX(20%);
        transform: translate(20%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20%);
        transform: translate(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translate(-20%);
        opacity: 0;
        -ms-transform: translateX(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translate(-20%);
        opacity: 0;
        -ms-transform: translateX(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightIn {
    0% {
        -webkit-transform: translateX(-20%);
        -moz-transform: translateX(-20%);
        -o-transform: translateX(-20%);
        transform: translate(-20%);
        opacity: 0;
        -ms-transform: translateX(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes downIn {
    0% {
        transform: translateY(20%);
        opacity: 0;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes downIn {
    0% {
        transform: translateY(20%);
        opacity: 0;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes downIn {
    0% {
        transform: translateY(20%);
        opacity: 0;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes downIn {
    0% {
        transform: translateY(20%);
        opacity: 0;
        -webkit-transform: translateY(20%);
        -moz-transform: translateY(20%);
        -ms-transform: translateY(20%);
        -o-transform: translateY(20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-webkit-keyframes upIn {
    0% {
        transform: translateY(-20%);
        opacity: 0;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-moz-keyframes upIn {
    0% {
        transform: translateY(-20%);
        opacity: 0;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@-o-keyframes upIn {
    0% {
        transform: translateY(-20%);
        opacity: 0;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes upIn {
    0% {
        transform: translateY(-20%);
        opacity: 0;
        -webkit-transform: translateY(-20%);
        -moz-transform: translateY(-20%);
        -ms-transform: translateY(-20%);
        -o-transform: translateY(-20%)
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

p.noData {
    position: relative;
    text-align: center;
    margin: 6vw auto;
    color: var(--txtColor14);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

p.noData span {
    background: var(--bgColor01);
    padding: 0vw 2.4vw;
    text-align: center;
    font-size: .81rem;
    z-index: 200;
    margin: -1vw auto
}

p.noData img {
    width: 60%;
    margin: 0 auto
}

p.noData b {
    width: 100%;
    margin: 0 auto;
    font-size: 1.8rem
}

header section .wrapper {
    padding: 0 3.4vw
}

section .wrapper {
    padding: 5.5vw 3.4vw
}

section .title-h {
    width: 100%;
    font-weight: 700;
    font-size: 1.03rem;
    color: var(--txtColor05);
    margin: 0 0 5vw;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

section .title-24 {
    margin: 3.5vw 0 5vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    p.noData b {
        font-size:2.8rem
    }

    p.noData span,section .title-h {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    p.noData b {
        font-size:3.2rem
    }

    p.noData span,section .title-h {
        font-size: 2.4rem
    }
}

.alarm {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-size: .75rem;
    color: var(--txtColor16)
}

.alarm span.icon-alarm {
    margin-right: 1vw;
    color: var(--txtColor16)!important
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .alarm {
        font-size:1.25rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .alarm {
        font-size:1.6rem
    }
}

.styled-checkbox {
    position: absolute;
    opacity: 0;
    width: 4.6vw;
    height: 4.6vw
}

.styled-checkbox+label {
    position: relative;
    cursor: pointer;
    padding: 0
}

.styled-checkbox+label:before {
    content: "";
    margin-right: 1.2vw;
    display: inline-block;
    vertical-align: text-top;
    width: 4.6vw;
    height: 4.6vw;
    background: var(--bgColor01);
    border: 1px solid var(--borderColor09);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.styled-checkbox:checked+label:before {
    background: var(--bgColor02);
    border: 1px solid var(---txtColor17)
}

.styled-checkbox:disabled+label {
    color: var(--txtColor22);
    cursor: auto
}

.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: var(--bgColor04)
}

.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: .8vw;
    top: 2vw;
    background: var(--bgColor01);
    width: .5vw;
    height: .5vw;
    box-shadow: 2px 0 0 var(--bgColor01),4px 0 0 var(--bgColor01),4px -2px 0 var(--bgColor01),4px -4px 0 var(--bgColor01),4px -6px 0 var(--bgColor01),4px -8px 0 var(--bgColor01);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .styled-checkbox:checked+label:after {
        content:"";
        position: absolute;
        left: .7vw;
        top: 2vw;
        background: var(--bgColor01);
        width: .5vw;
        height: .5vw;
        box-shadow: 4px 0 0 var(--bgColor01),8px 0 0 var(--bgColor01),8px -4px 0 var(--bgColor01),8px -8px 0 var(--bgColor01),8px -12px 0 var(--bgColor01),8px -16px 0 var(--bgColor01);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .styled-checkbox:checked+label:after {
        content:"";
        position: absolute;
        left: 1vw;
        top: 2vw;
        background: var(--bgColor01);
        width: .5vw;
        height: .5vw;
        box-shadow: 4px 0 0 var(--bgColor01),8px 0 0 var(--bgColor01),8px -4px 0 var(--bgColor01),8px -8px 0 var(--bgColor01),8px -12px 0 var(--bgColor01),8px -16px 0 var(--bgColor01);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg)
    }
}

button {
    border: none;
    cursor: pointer;
    line-height: 1.15;
    font-family: Microsoft JhengHei,sans-serif
}

button.disable {
    cursor: not-allowed;
    background: var(--bgColor17)!important;
    color: var(--txtColor18)!important
}

button:focus {
    outline: none
}

button.btnColor10 {
    background: var(--btnColor10);
    color: var(--txtColor01)
}

button.btnColor12 {
    background: var(--btnColor12);
    color: var(--txtColor25)
}

.btn-center {
    padding: 4vw 0vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-end {
    padding: 4vw 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.btn-spbtw {
    padding: 4vw 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.bgbtn-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bgbtn-box button {
    width: 100%;
    height: 10vw;
    font-size: .94rem;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

button.return-button,button.cancel-button,button.consultation-button {
    color: var(--txtColor01);
    background: var(--btnColor04)
}

.amount-btnbox {
    display: Flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 2vw
}

.amount-btnbox button.amount-button {
    width: 20.2vw;
    padding: 2vw 1vw;
    margin-bottom: 2vw;
    color: var(--txtColor43);
    background: var(--btnColor14);
    border: 0px solid var(--borderColor05);
    font-size: .81rem
}

.amount-btnbox button.choose-on {
    background: var(--btnColor10);
    color: var(--txtColor01)
}

.moneycharge button.reset-button {
    width: 63.2vw;
    padding: 2.8vw 2vw;
    background: var(--bgColor24);
    color: var(--txtColor01)
}

.wrapPageDetail {
    padding-top: 10vw
}

.wrapPage .wrapper {
    height: auto;
    min-height: 72vw;
    background: var(--bgColor01);
    padding: 0;
    -webkit-animation: leftIn .5s;
    -moz-animation: leftIn .5s;
    -o-animation: leftIn .5s;
    animation: leftIn .5s
}

.title-p {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 700;
    padding: 4.5vw 3.4vw 2.5vw
}

.title-p div {
    width: auto;
    color: var(--txtColor13);
    font-size: 1.08rem
}

.title-p span {
    color: var(--txtColor14);
    font-size: .68rem;
    margin-left: 1.5vw;
    font-weight: 600
}

ul.tab-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.tab-list li {
    width: 100vw;
    border-right: 1px solid var(--borderColor22)
}

ul.tab-list li:last-child {
    border: none
}

ul.tab-list li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .82rem;
    background: var(--btnColor03);
    color: var(--txtColor01_op);
    padding: 2.5vw 0;
    font-weight: 600
}

ul.tab-list li.active a {
    background: #679ff3;
    color: var(--txtColor01)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    ul.tab-list li a {
        font-size:1.2rem
    }

    .title-p div {
        font-size: 2rem
    }

    .title-p span {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    ul.tab-list li a {
        font-size:1.8rem
    }

    .title-p div {
        font-size: 2.8rem
    }

    .title-p span {
        font-size: 1.6rem
    }
}

.pagination {
    position: relative;
    margin: 6vw 0
}

.pagination ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .68rem
}

.pagination ul li a {
    color: var(--txtColor15);
    padding: 1.2vw 2.2vw;
    margin: 0 .5vw;
    border: 1px solid var(--borderColor03);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.pagination ul li.on a {
    background: var(--bgColor10);
    color: var(--txtColor01);
    border: 1px solid var(--bgColor10)
}

.pagination ul li.first a,.pagination ul li.last a {
    color: var(--txtColor05);
    background: var(--btnColor03)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .pagination ul {
        font-size:1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .pagination ul {
        font-size:1.8rem
    }
}

ul.tab-type {
    width: 100vw;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

ul.tab-type li {
    width: 100%;
    min-width: 25vw;
    height: 15vw
}

ul.tab-type li:first-child a {
    border-left: 0px
}

ul.tab-type li:last-child {
    border-right: 0px
}

ul.tab-type li a {
    width: 100%;
    min-width: 25vw;
    height: 15vw;
    color: var(--txtColor01_op);
    font-size: .72rem;
    border-top: 4px solid var(--bgColor_Grad05-01);
    border-left: 1px solid var(--borderColor07);
    background: var(--bgColor_Grad05-00);
    background: -webkit-linear-gradient(top,var(--bgColor_Grad05-00) 1%,var(--bgColor_Grad05-01) 100%);
    background: -moz-linear-gradient(top,var(--bgColor_Grad05-00) 1%,var(--bgColor_Grad05-01) 100%);
    background: -o-linear-gradient(top,var(--bgColor_Grad05-00) 1%,var(--bgColor_Grad05-01) 100%);
    background: linear-gradient(to bottom,var(--bgColor_Grad05-00) 1%,var(--bgColor_Grad05-01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad05-00)",endColorstr="var(--bgColor_Grad05-01)",GradientType=0);
    padding: 1.8vw 1vw 1.5vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-weight: 600;
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad05-00)",endColorstr="var(--bgColor_Grad05-01)",GradientType=0)
}

ul.tab-type li.active a {
    color: var(--txtColor13);
    border-top: 4px solid var(--borderColor13);
    background: var(--bgColor01)
}

ul.tab-type li:last-child a {
    border-right: 0px
}

ul.tab-type2 {
    width: 100vw;
    padding: 2vw;
    overflow-x: auto;
    white-space: nowrap;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

ul.tab-type2 li {
    padding: 1vw .6vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.tab-type2 li a {
    color: var(--txtColor01);
    font-size: .81rem;
    background: var(--btnColor05);
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    padding: 1.4vw 4vw
}

ul.tab-type2 li.active a {
    background: var(--btnColor11)
}

ul.tab-type li a .tab-logo {
    width: 15vw;
    height: 10vw;
    background-position: center center;
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom
}

ul.tab-type li.active a .tab-logo {
    -moz-animation: parent-tab-image .5s linear;
    -o-animation: parent-tab-image .5s linear;
    animation: parent-tab-image .5s linear;
    -webkit-animation: parent-tab-image .5s linear
}

.tab-content-box {
    height: auto;
    min-height: 50vw !important;
    background: var(--bgColor01);
    overflow-x: hidden
}

.tab-content-box .tab-content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-animation: leftIn;
    -moz-animation: leftIn;
    -o-animation: leftIn;
    animation: leftIn
}

.leftIn {
    -webkit-animation: leftIn .35s;
    -moz-animation: leftIn .35s;
    -o-animation: leftIn .35s;
    animation: leftIn .35s
}

.rightIn {
    -webkit-animation: rightIn .5s!important;
    -moz-animation: rightIn .5s!important;
    -o-animation: rightIn .5s!important;
    animation: rightIn .5s!important
}

.tab-moneycharge-content {
    -webkit-animation: leftIn;
    -moz-animation: leftIn;
    -o-animation: leftIn;
    animation: leftIn
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    ul.tab-type li a {
        font-size:1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    ul.tab-type li a {
        font-size:1.8rem
    }
}

.full-table {
    position: relative;
    width: 100vw;
    border-top: 2px solid var(--borderColor08)
}

.content-table {
    border-top: 0px solid var(--borderColor08)
}

.content-table .table-btn {
    width: auto;
    margin: 0 auto;
    background: var(--btnColor04);
    color: var(--txtColor01);
    font-weight: 600;
    padding: 1vw .4vw;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.content-table table thead tr th,.content-table table tbody tr td {
    padding: 2vw 1.4vw;
    position: relative;
    font-size: .78rem;
    font-weight: 400;
    text-align: center;
    color: var(--txtColor06)
}

.content-table table thead tr th {
    text-align: center;
    font-weight: 600;
    /* border-bottom: 1px solid var(--borderColor06); */
    line-height: 1
}

.content-table table thead tr th:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 4vw;
    width: .2vw;
    /* background: var(--bgColor11) */
}

.content-table table thead tr th:last-child:after {
    content: "";
    display: none
}

.content-table table tbody tr:nth-child(even) {
    background: var(--bgColor12)
}

.content-table table tbody tr td {
    border-bottom: 1px solid var(--borderColor09)
}

.content-table table tbody tr td span.icon-detail {
    font-size: .93rem;
    margin-left: 1vw;
    margin-bottom: -1vw;
    color: var(--txtColor33)
}

.content-table table tbody tr td.left {
    text-align: left
}

.content-time,.content-info {
    padding: 2.4vw 3.4vw;
    border-bottom: 1px solid var(--borderColor09);
    font-size: .81rem;
    line-height: 1.8;
    color: var(--txtColor06)
}

.content-time span {
    font-weight: 600
}

.content-time span.time {
    color: var(--txtColor05);
    font-weight: 700
}

.point,.content-info strong.point {
    color: var(--txtColor16)!important;
    font-size: 1rem
}

.content-info strong.point p {
    text-align: justify
}

.content-info p img {
    height: auto!important
}

button.return-button {
    padding: 2vw;
    border-radius: 2px;
    box-shadow: 0 0 2px var(--bgColor07_op);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: .82rem
}

.referrer-qrcode {
    padding: 0 3.4vw
}

.referrer-qrcode .qrcode-box {
    padding: 4vw;
    background: var(--bgColor12);
    border-radius: .2vw;
    -webkit-border-radius: .2vw;
    -moz-border-radius: .2vw;
    -ms-border-radius: .2vw;
    -o-border-radius: .2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 4vw
}

.referrer-qrcode .qrcode-box .code-img {
    width: 50vw;
    margin: 0vw auto 2vw;
    box-shadow: 0 3px 3px var(--borderColor20)
}

.referrer-qrcode .qrcode-box .code-txt {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    color: var(--txtColor33)
}

button.copy-button {
    padding: 3vw;
    width: 93.2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    background: var(--btnColor06);
    color: var(--txtColor01)
}

.referrer-qrcode .info-txt {
    text-align: center
}

.referrer-qrcode .info-txt p {
    color: var(--txtColor33);
    font-size: .81rem;
    margin: 2vw auto
}

.referrer-qrcode .info-txt a {
    color: var(--txtColor31);
    font-size: .93rem;
    margin: 2vw auto;
    font-weight: 700;
    border: 1px solid var(--borderColor10);
    padding: 2.4vw 3.6vw;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

.referrer-qrcode .info-txt a.icon-referrer:before {
    margin-right: 1vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .referrer-qrcode .qrcode-box .code-img {
        width:45vw
    }

    .referrer-qrcode .info-txt p,.content-time,.content-info,.content-table table thead tr th,.content-table table tbody tr td {
        font-size: 1.4rem
    }

    .referrer-qrcode .info-txt a,button.copy-button,button.return-button,.content-info strong.point {
        font-size: 1.6rem
    }

    .referrer-qrcode .qrcode-box .code-txt {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .referrer-qrcode .qrcode-box .code-img {
        width:45vw
    }

    .referrer-qrcode .info-txt p,.content-time,.content-info,.content-table table thead tr th,.content-table table tbody tr td {
        font-size: 1.8rem
    }

    .referrer-qrcode .info-txt a,button.copy-button,button.return-button,.content-info strong.point {
        font-size: 2rem
    }

    .referrer-qrcode .qrcode-box .code-txt {
        font-size: 2.4rem
    }
}

@-webkit-keyframes d {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.1);
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

@-moz-keyframes d {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.1);
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

@-o-keyframes d {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.1);
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

@keyframes d {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }

    to {
        transform: scale(1.1);
        opacity: 0;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
}

table tbody tr td.lose,table tbody tr td .lose {
    color: var(--txtColor16);
    font-weight: 600
}

table tbody tr td.win,table tbody tr td .win {
    font-weight: 600;
    color: var(--txtColor26)
}

.account-mail-type {
    line-height: 1.8
}

.account-mail-type p {
    color: var(--txtColor02)
}

.account-mail-type p b {
    color: var(--txtColor36)
}

.account-mail-type p span.point {
    font-size: .81rem
}

button.return-button.go-deposit {
    width: 40vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .account-mail-type p span.point {
        font-size:1.25rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .account-mail-type p span.point {
        font-size:1.8rem
    }
}

.reply-time span {
    font-weight: 600
}

.reply-time button {
    width: 20vw;
    padding: 2.2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .81rem;
    font-weight: 600
}

.reply-time button {
    width: 18vw
}

.reply-time,.customer-time {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reply-time,.reply-info {
    border: 0px;
    background: var(--bgColor33)
}

.reply-info {
    position: relative;
    padding: 0vw 5vw 5vw 10vw;
    border-bottom: 1px solid var(--borderColor06)
}

.reply-info:before {
    content: "";
    position: absolute;
    left: 5vw;
    top: 1vw;
    width: 3vw;
    height: 3vw;
    background-position: bottom center;
    -o-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(../assets/customer-line.6b23ee8e.svg)
}

.other-info {
    width: 50vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.other-info span.time {
    margin-left: 2vw
}

.reply-time .other-info span.nick-name {
    color: var(--txtColor13);
    font-weight: 700
}

.customer-time .other-info span.nick-name {
    color: var(--txtColor05)
}

button.send-reply-button,button.reply-button,button.return-button,button.backpage-button {
    width: 20vw;
    padding: 2.2vw 2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .81rem;
    font-weight: 600;
    margin: 1vw
}

button.send-reply-button,button.reply-button,button.backpage-button {
    color: var(--txtColor01);
    background: var(--bgColor10)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    button.backpage-button,button.send-reply-button,button.reply-button,button.return-button,.reply-time button,.customer-table button {
        font-size:1.4rem;
        padding: 2.4vw 2vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    button.backpage-button,button.send-reply-button,button.reply-button,button.return-button,.reply-time button,.customer-table button {
        font-size:2rem
    }
}

.date-filter-box {
    width: 60vw;
    margin: 4vw auto;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.date-filter-box .date-input {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 3vw;
    font-size: .81rem
}

.date-filter-box .date-input span {
    margin: 0 .5vw
}

.date-filter-box .date-input input.datepicker {
    width: 42vw;
    padding: 2vw;
    height: 8.2vw;
    border: 1px solid var(--borderColor05);
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    text-align: center;
    font-size: .86rem;
    font-family: Microsoft JhengHei,sans-serif
}

input.datepicker::-webkit-input-placeholder {
    color: var(--txtColor19);
    opacity: 1
}

input.datepicker:-moz-placeholder {
    color: var(--txtColor19);
    opacity: 1
}

input.datepicker::-moz-placeholder {
    color: var(--txtColor19);
    opacity: 1
}

input.datepicker:-ms-input-placeholder {
    color: var(--txtColor19);
    opacity: 1
}

input.datepicker::placeholder {
    color: var(--txtColor19);
    opacity: 1
}

.date-filter-box .date-button {
    width: 72vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .81rem
}

.date-filter-box .date-button button {
    width: auto;
    min-width: 14.25vw;
    height: 8vw;
    margin-right: 1vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    border: 1px solid var(--borderColor05);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--btnColor12);
    color: var(--txtColor06);
    font-size: .93rem;
    letter-spacing: -.3vw;
    font-weight: 400
}

.date-filter-box .date-button button.active {
    background: var(--btnColor11);
    color: var(--txtColor01);
    border: 1px solid var(--btnColor11)
}

.date-filter-box .date-button button:last-child {
    margin-right: 0
}

.filter-box {
    height: 11vw;
    margin-bottom: 2vw
}

.tab-content-box button {
    width: 20vw;
    padding: 3.2vw 2vw;
    padding: 2.4vw 2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .93rem;
    font-weight: 600
}

.main-content ul li {
    margin-bottom: 3vw
}

.main-content ul li:last-child {
    margin-bottom: 0vw
}

.main-content ul li span.win,.main-content ul li span.point,.main-content ul li p.point {
    font-size: .81rem
}

.main-content ul li .win,.main-content ul li span.win {
    font-size: .86rem;
    color: var(--txtColor26)
}

.main-content ul li .lose,.main-content ul li span.lose {
    color: var(--txtColor16)
}

.main-content ul li .head-panel {
    border-top: 1px solid var(--borderColor06);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -moz-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -o-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    padding: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .81rem
}

.main-content ul li .head-panel label {
    width: 96vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-content ul li .head-panel label .count {
    width: 28.4vw
}

.main-content ul li .head-panel label .count-info {
    width: 68vw;
    text-align: right
}

.main-content ul li .head-panel .number {
    width: 47vw
}

.main-content ul li .head-panel .status-info {
    width: 47vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.main-content ul li .head-panel .status-info .status {
    width: 20vw;
    font-size: .81rem
}

.main-content ul li .main-panel {
    font-size: .81rem;
    border-top: 1px solid var(--borderColor09)
}

.main-content ul li .main-panel .item {
    padding: 1vw;
    border-top: 1px solid var(--borderColor09);
    border-bottom: 1px solid var(--borderColor09);
    color: var(--txtColor43);
    font-size: .86rem
}

.main-content ul li .main-panel .item .list {
    margin: 1vw 0;
    font-size: .65rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    font-weight: 400
}

.main-content ul li .main-panel .item .list.align-spbtw {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.main-content ul li .main-panel .item .list.bold {
    font-size: .81rem;
    font-weight: 600
}

.main-content ul li .main-panel .item .list.bold span:first-child {
    width: 68vw;
    max-width: 68vw;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.main-content ul li .main-panel .item .list span.time {
    color: var(--txtColor19);
    font-weight: 300
}

.main-content ul li .foot-panel {
    background: var(--bgColor17);
    font-size: .81rem
}

.main-content ul li .foot-panel .item {
    border-top: 1px solid var(--borderColor09);
    border-bottom: 1px solid var(--borderColor06);
    padding: 2vw
}

.main-content ul li .foot-panel .item .list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tab-casino-content .main-content ul li .main-panel .item .list .info:nth-child(odd) {
    width: 58vw;
    max-width: 58vw;
    overflow: hidden;
    margin-right: 1vw
}

.tab-casino-content .main-content ul li .main-panel .item .list .info:nth-child(even) {
    width: 40vw;
    max-width: 40vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tab-slot-content .main-content ul li .main-panel .item {
    border-bottom: 1px solid var(--borderColor09)
}

.tab-slot-content .main-content ul li .main-panel .item .list .info:nth-child(odd) {
    width: 58vw;
    max-width: 58vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 1vw
}

.tab-slot-content .main-content ul li .main-panel .item .list .info:nth-child(even) {
    width: 40vw;
    max-width: 40vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .date-filter-box .date-button button,.date-filter-box .date-button,.date-filter-box .date-input input.datepicker,.tab-content-box button,.main-content ul li .main-panel .item .list,.main-content ul li span.win,.main-content ul li span.point,.main-content ul li p.point,.main-content ul li .head-panel,.main-content ul li .head-panel .status-info .status,.main-content ul li .foot-panel,ul.tab-type2 li a {
        font-size:1.4rem
    }

    .main-content ul li .main-panel .item .list.bold {
        font-size: 1.6rem
    }

    .date-filter-box {
        margin: 2vw auto
    }

    .date-filter-box .date-button button {
        height: 7vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .date-filter-box .date-button button,.date-filter-box .date-button,.main-content ul li .main-panel .item .list,.main-content ul li span.win,.main-content ul li span.point,.main-content ul li p.point,.date-filter-box .date-input input.datepicker,.tab-content-box button,.main-content ul li .head-panel,.main-content ul li .head-panel .status-info .status,.main-content ul li .foot-panel,ul.tab-type2 li a,.main-content ul li .main-panel .item .list.bold {
        font-size:2rem
    }

    .date-filter-box {
        margin: 2vw auto
    }

    .date-filter-box .date-button button {
        height: 7vw
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .tab-content-box button {
        padding:2vw
    }

    ul.tab-type li a {
        font-size: .65rem
    }
}

.must {
    width: 94vw;
    margin: 3.4vw auto;
    font-size: .81rem
}

.must .title {
    height: auto;
    min-height: 10vw;
    position: relative;
    color: var(--txtColor05);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -moz-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -o-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    border: 1px solid var(--borderColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0vw 3.4vw 0vw 7.5vw;
    font-size: .938rem
}

.must .title p {
    width: 50vw
}

.how-deposit {
    position: absolute;
    right: 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.how-deposit.icon-information:before {
    margin-right: 1vw;
    margin-bottom: .4vw;
    font-size: 1.2rem;
    color: var(--txtColor16)
}

.how-deposit span {
    font-weight: 600;
    color: var(--txtColor05);
    border-bottom: 1px solid var(--txtColor05);
    padding-bottom: .2rem
}

.must .title.forgreenbg {
    color: var(--txtColor05);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -moz-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: -o-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 15%,rgb(239,243,254) 20%,rgb(239,243,254) 100%);
    border: 1px solid var(--borderColor22)
}

.must .title:before {
    content: "";
    position: absolute;
    left: 1.7vw;
    top: 2.4vw;
    width: 5vw;
    height: 5vw;
    background-image: url(../assets/icon-must.8b674ae6.svg);
    -o-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

.must .title.forgreenbg:before {
    content: "";
    position: absolute;
    left: 1.7vw;
    top: 2.4vw;
    width: 5vw;
    height: 5vw;
    background-image: url(../assets/icon-must.8b674ae6.svg);
    -o-background-size: contain;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat
}

.must ul.must-list {
    padding: 3.4vw;
    border: 1px solid var(--borderColor09)
}

.must ul.must-list li {
    list-style: disc;
    margin-left: 3.4vw;
    line-height: 2;
    color: var(--txtColor19)
}

.must ul.must-list li button {
    width: auto;
    margin-left: 1vw;
    padding: 2vw;
    background: var(--btnColor10);
    color: var(--txtColor01);
    font-size: .81rem
}

.must ul.must-list li .bankid-button-on {
    background: var(--btnColor05);
    color: var(--txtColor01)
}

.full-table table.moneycharge {
    width: 100vw;
    font-size: .81rem
}

.full-table table.moneycharge tbody tr th,.full-table table.moneycharge tbody tr td {
    position: relative;
    text-align: left;
    padding: 3.4vw;
    font-size: .81rem;
    border-bottom: 1px solid var(--borderColor09);
    color: var(--txtColor19)
}

.full-table table.moneycharge tbody tr th {
    font-weight: 600;
    background: var(--bgColor33)
}

.full-table table.moneycharge tbody tr:last-child th {
    vertical-align: top;
    border-bottom: 2px solid var(--borderColor06)
}

.full-table table.moneycharge tbody tr:last-child td {
    border-bottom: 2px solid var(--borderColor06)
}

.full-table table.moneycharge tbody tr td input,.full-table table.moneycharge tbody tr td select {
    border: 1px solid var(--borderColor05);
    padding: 2vw;
    width: 63.2vw;
    margin-bottom: 2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .93rem
}

.full-table table.moneycharge tbody tr td select {
    background-position: 54.5vw
}

.full-table table.moneycharge tbody tr td p {
    margin-bottom: 1vw
}

.full-table table.moneycharge tbody tr td p.point {
    color: var(--txtColor20);
    font-size: .65rem;
    margin: 1vw 0;
    display: inline-block
}

.full-table table.moneycharge tbody tr td b {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.full-table table.moneycharge tbody tr td b a.refresh {
    width: 4vw;
    margin-left: 1.2vw
}

.full-table table.moneycharge tbody tr td b span.icon-pw {
    font-size: 1rem;
    margin-left: 1.2vw;
    color: var(--txtColor33)
}

table.moneycharge .btn-spbtw {
    padding: 0
}

table.moneycharge .btn-spbtw button {
    width: 31.2vw;
    padding: 2.8vw 2vw
}

table.moneycharge .btn-spbtw button.accept-button {
    background: var(--btnColor08);
    color: var(--txtColor01)
}

table.moneycharge form {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

table.moneycharge .check-box {
    width: 30vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

table.moneycharge .check-box input.styled-checkbox {
    margin-bottom: 0
}

table.moneycharge .check-box .styled-checkbox+label:before {
    width: 5.6vw;
    height: 5.6vw
}

table.moneycharge .btn-spbtw .check-box .styled-checkbox:checked+label:after {
    left: 1.5vw;
    top: 2.6vw
}

button.calculator-button {
    width: auto;
    position: absolute;
    right: 3.4vw;
    bottom: 1.6vw;
    font-weight: 400;
    background: var(--bgColor24);
    color: var(--txtColor01);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2vw;
    font-size: .93rem
}

button.calculator-button.icon-calculator:before {
    margin-right: 1vw;
    font-size: 1rem
}

button.Bit5-button {
    position: absolute;
    width: auto;
    min-width: 20vw;
    right: 3.4vw;
    bottom: 1.6vw;
    background: var(--btnColor10);
    color: var(--txtColor01);
    padding: 2vw 1vw
}

button.submit-button {
    width: 93.2vw;
    padding: 3.4vw 2vw;
    background: var(--btnColor10);
    color: var(--txtColor01)
}

.moneycharge-box ul.tab-type {
    overflow: hidden;
    height: 12vw
}

.moneycharge-box ul.tab-type li {
    width: 50vw;
    min-width: 50vw;
    height: 11vw
}

.moneycharge-box ul.tab-type li a {
    width: 50vw;
    min-width: 50vw;
    height: 11vw;
    color: var(--txtColor01_op);
    border-top: 2px solid var(--bgColor12);
    background: var(--bgColor12);
    border-right: 0px;
    font-size: .93rem
}

.moneycharge-box ul.tab-type li.active a {
    background: var(--bgColor01);
    border-top: 2px solid var(--bgColor10);
    color: var(--txtColor05);
    border-left: 0px
}

.date-filter-box,.date-filter-box .date-button {
    width: 90vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.date-filter-box .date-button button {
    width: auto;
    min-width: 14vw;
    padding: 1vw;
    margin-bottom: 1vw
}

.date-filter-box .date-button button.search-button {
    border: 0px;
    margin-top: 1vw
}

.date-filter-box .date-button button.search-button {
    background: var(--btnColor10);
    color: var(--txtColor01);
    width: 20vw;
    letter-spacing: -.4vw
}

.details-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 96vw;
    margin: 6vw auto
}

.details-box h2 {
    width: 96vw;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--txtColor05)
}

.details-box p {
    font-size: .81rem;
    color: var(--txtColor19)
}

.details-time {
    width: 93vw;
    margin: 5vw auto 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.details-time .time-box {
    width: 31vw;
    margin-right: 1.5vw;
    height: 20.5vw;
    color: var(--txtColor05);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(bottom,rgb(236,241,253) 0%,rgb(255,255,255) 100%);
    background: -moz-linear-gradient(bottom,rgb(236,241,253) 0%,rgb(255,255,255) 100%);
    background: -o-linear-gradient(bottom,rgb(236,241,253) 0%,rgb(255,255,255) 100%);
    background: linear-gradient(0deg,rgb(236,241,253) 0%,rgb(255,255,255) 100%);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #4385f8;
    font-size: .81rem
}

.details-time .time-box span {
    position: absolute;
    top: 3vw;
    text-align: center;
    transform: scale(.86);
    -webkit-transform: scale(.86);
    -moz-transform: scale(.86);
    -ms-transform: scale(.86);
    -o-transform: scale(.86)
}

.details-time .time-box b {
    position: absolute;
    bottom: 3vw;
    text-align: center;
    margin-top: 2vw
}

.details-time .time-box:last-child {
    /* margin-right: 0 */
}

.title-p .fundHover {
    position: absolute;
    top: 3.4vw;
    right: 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--bgColor01);
    border: 1px solid var(--borderColor11);
    padding: 1.2vw;
    border-radius: .6vw;
    -webkit-border-radius: .6vw;
    -moz-border-radius: .6vw;
    -ms-border-radius: .6vw;
    -o-border-radius: .6vw;
    z-index: 100
}

.title-p .fundHover:before {
    content: "";
    width: 100%;
    height: 118%;
    position: absolute;
    right: 0vw;
    bottom: auto;
    background: var(--bgColor02);
    -webkit-animation: d 1.5s ease-out infinite;
    -moz-animation: d 1.5s ease-out infinite;
    -o-animation: d 1.5s ease-out infinite;
    animation: d 1.5s ease-out infinite;
    z-index: -1;
    opacity: .1;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.title-p .fundHover img {
    width: 5vw
}

.title-p .fundHover span {
    color: var(--txtColor34)
}

.all-code .list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.all-code .listdone {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: var(--bgColor25);
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: Wrap;
    -ms-flex-wrap: Wrap;
    flex-wrap: Wrap;
    margin-top: 2vw;
    padding: 1.4vw 3.4vw
}

.all-code .list input {
    border: 1px solid var(--borderColor05);
    padding: 2vw;
    width: 40.2vw;
    margin-left: 1.4vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .93rem
}

.all-code .list button.submit-button {
    font-size: .93rem;
    min-width: 18vw;
    padding: 2.2vw
}

.all-code .listdone span {
    width: 100%;
    margin-right: 1vw;
    color: var(--txtColor33);
    font-size: .93rem;
    font-weight: 700
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .all-code .listdone span,.all-code .list input,.all-code .list button.submit-button {
        font-size:1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .all-code .listdone span,.all-code .list input,.all-code .list button.submit-button {
        font-size:2rem
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .full-table table.moneycharge tbody tr td p.point,button.edit-button {
        font-size:1.25rem
    }

    button.calculator-button {
        width: 32vw;
        font-size: 1.6rem;
        bottom: 1.03rem
    }

    .full-table table.moneycharge tbody tr td input,.full-table table.moneycharge tbody tr td select,.amount-btnbox button.amount-button,.must ul.must-list li button {
        font-size: 1.4rem
    }

    .how-deposit.icon-information:before,.details-box h2 {
        font-size: 2.4rem
    }

    button.calculator-button.icon-calculator:before,.moneycharge-box ul.tab-type li a,.must {
        font-size: 1.32rem
    }

    .must .title,.details-box p,.details-time .time-box,.full-table table.moneycharge tbody tr th,.full-table table.moneycharge tbody tr td {
        font-size: 1.4rem
    }

    .full-table table.moneycharge tbody tr td b span.icon-pw {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .how-deposit.icon-information:before,.details-box h2 {
        font-size:3rem
    }

    .full-table table.moneycharge tbody tr td input,.full-table table.moneycharge tbody tr td select,.amount-btnbox button.amount-button,.must ul.must-list li button,button.calculator-button.icon-calculator:before,.moneycharge-box ul.tab-type li a,.must {
        font-size: 2rem
    }

    .full-table table.moneycharge tbody tr td p.point,button.edit-button {
        font-size: 1.25rem
    }

    button.calculator-button {
        width: 32vw;
        font-size: 2rem;
        bottom: 1.2rem
    }

    .must .title,.details-box p,.details-time .time-box,.full-table table.moneycharge tbody tr th,.full-table table.moneycharge tbody tr td {
        font-size: 2rem
    }

    .full-table table.moneycharge tbody tr td b span.icon-pw {
        font-size: 2.4rem
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .full-table table.moneycharge tbody tr th,.full-table table.moneycharge tbody tr td {
        padding:3.4vw 2.4vw
    }

    button.calculator-button {
        font-size: .65rem
    }

    .amount-btnbox {
        width: 63.2vw
    }
}

.select-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .81rem;
    margin-bottom: 2vw
}

.select-box p {
    width: auto;
    margin-right: 2vw;
    text-align: right
}

.select-box select {
    background-position: 38.5vw;
    border: 1px solid var(--borderColor05);
    background-color: var(--bgColor01);
    padding: 2vw;
    width: 44vw;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .select-box {
        font-size:1.4rem
    }

    .date-filter-box .date-input input.datepicker {
        width: 32vw;
        font-size: 1.4rem;
        height: 7vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .select-box {
        font-size:1.8rem
    }

    .date-filter-box .date-input input.datepicker {
        width: 30.5vw;
        font-size: 1.8rem;
        height: 7vw
    }
}

.add-favorite {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12vw 12vw 0;
    border-color: transparent var(--bgColor11_op) transparent transparent
}

.add-favorite span {
    position: absolute;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: -10.2vw;
    top: 1.4vw;
    color: var(--txtColor24);
    font-size: 1rem
}

.add-favorite span.icon-star-o {
    color: var(--txtColor23)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .add-favorite span {
        font-size:2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .add-favorite span {
        font-size:2.6rem
    }
}

.odd-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid var(--borderColor14);
    background: var(--bgColor01);
    box-shadow: 1px 0 1px var(--bgColor07_op);
    border-radius: .5vw;
    padding: 1.4vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

.choose-on {
    background: var(--btnColor10);
    border: 1px solid var(--btnColor10);
    color: var(--txtColor01)
}

.odd-left .name,.odd-right .odd {
    text-align: left
}

.odd-left .odd,.odd-right .name {
    text-align: right
}

.odd-left .odd,.odd-right .odd {
    width: 11vw;
    max-width: 11vw;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap
}

.odd-left .name,.odd-right .name {
    width: 20vw;
    max-width: 20vw
}

.for-maintain {
    padding-bottom: 0!important
}

.for-maintain header {
    height: 12vw
}

.for-maintain .wrapper {
    background: var(--bgColor01);
    box-shadow: 0 2px 4px var(--bgColor19_op);
    padding: 3.4vw;
    height: 12vw;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wrapmaintain {
    margin-top: 12vw
}

.wrapmaintain .bg {
    position: relative;
    width: 100vw;
    height: -webkit-calc(100vh - 12vw);
    height: -moz-calc(100vh - 12vw);
    height: calc(100vh - 12vw);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: var(--bgColor01);
    -o-background-size: cover;
    background-size: cover
}

.no-webp .wrapmaintain .bg {
    background-image: url(..../assets/images/Maintain/maintain-bg.jpg)
}

.wrapmaintain .bg {
    background-image: url(..../assets/images/Maintain/maintain-bg.webp)
}

.wrapmaintain .bg-403 {
    position: relative;
    width: 100vw;
    height: -webkit-calc(100vh - 12vw);
    height: -moz-calc(100vh - 12vw);
    height: calc(100vh - 12vw);
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: var(--bgColor01);
    -o-background-size: cover;
    background-size: cover
}

.no-webp .wrapmaintain .bg-403 {
    background-image: url(..../assets/images/Maintain/maintain-403-bg.jpg)
}

.wrapmaintain .bg-403 {
    background-image: url(..../assets/images/Maintain/maintain-403-bg.webp)
}

.wrapmaintain .bg .content {
    position: absolute;
    padding: 8vw;
    bottom: 10vw
}

.wrapmaintain .bg .content h2 {
    font-size: 2rem;
    color: var(--txtColor44);
    text-align: center;
    letter-spacing: .6vw
}

.wrapmaintain .bg .content h2.txt-403 {
    font-size: 1.8rem;
    color: var(--txtColor44);
    font-weight: 700
}

.wrapmaintain .bg .content p {
    text-align: center;
    font-size: .75rem;
    color: var(--txtColor07);
    letter-spacing: .2vw;
    margin-bottom: 4vw
}

.wrapmaintain .bg .content p.txt-403 {
    margin-top: 2vw;
    font-size: .81rem;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.8;
    color: var(--txtColor07);
    font-weight: 400
}

.wrapmaintain .bg .content p.txt-403 a {
    color: var(--txtColor36)
}

.wrapmaintain .bg .time {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -2vw
}

.wrapmaintain .bg .time .box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.wrapmaintain .bg .time .box b {
    font-size: 2.25rem;
    color: var(--txtColor44)
}

.wrapmaintain .bg .time .box span {
    font-size: .75rem;
    color: var(--txtColor45);
    margin-top: -1vw
}

.help-button {
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    padding: 2vw 4vw;
    font-size: .938rem;
    background: var(--btnColor10);
    color: var(--txtColor01)
}

.close-txt .txt {
    width: auto;
    margin-left: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--txtColor38)
}

.close-txt .txt h2 {
    font-size: 1.2rem
}

.close-txt .txt span.time {
    font-size: .65rem;
    display: block
}

.maingame-content-box .tab-maingame-content ul li .close-txt {
    position: absolute;
    width: 100%;
    height: 30vw;
    display: block;
    background-color: var(--bgColor15_op);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2vw
}

.maingame-content-box .tab-maingame-content ul li .close-txt .icon,.maingame-content-box .tab-maingame-content ul li .close-txt .icon img {
    width: 12vw
}

.item-box .close-txt {
    width: 45vw;
    height: 47.6vw;
    padding: 2vw;
    position: absolute;
    z-index: 100;
    top: 0;
    background-color: var(--bgColor15_op);
    border: 1px solid var(--borderColor20);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

.item-box .close-txt .txt {
    width: 100%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0vw
}

.item-box .close-txt .txt span.time {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8)
}

.item-box .close-txt .icon {
    width: 18vw;
    margin-bottom: 1vw
}

.item-box .close-txt .icon img {
    width: 18vw
}

.wrapvirtual .item-box .close-txt {
    width: 29vw;
    height: 29vw;
    padding: .5vw
}

.wrapvirtual .item-box .close-txt .icon {
    width: 10vw;
    margin-top: 2vw
}

.wrapvirtual .close-txt .txt h2 {
    font-size: 1rem;
    margin-bottom: -2vw
}

.wrapvirtual .item-box .close-txt .txt span.time {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .close-txt .txt h2 {
        font-size:2.6rem
    }

    .close-txt .txt span.time {
        font-size: 1.2rem
    }

    .item-box .close-txt .txt span.time {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    .wrapvirtual .close-txt .txt h2 {
        margin-bottom: -1vw;
        font-size: 1.6rem
    }

    .wrapvirtual .item-box .close-txt .txt span.time {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8)
    }

    .wrapvirtual .item-box .close-txt .icon {
        width: 12vw
    }

    .wrapmaintain .bg .content {
        padding: 2vw 8vw;
        bottom: 0vw
    }

    .no-webp .wrapmaintain .bg {
        background-image: url(..../assets/images/Maintain/maintain-bg-pad.jpg)
    }

    .wrapmaintain .bg {
        background-image: url(..../assets/images/Maintain/maintain-bg-pad.webp)
    }

    .no-webp .wrapmaintain .bg-403 {
        background-image: url(..../assets/images/Maintain/maintain-403-bg-pad.jpg)
    }

    .wrapmaintain .bg-403 {
        background-image: url(..../assets/images/Maintain/maintain-403-bg-pad.webp)
    }

    .wrapmaintain .bg .time .box b {
        font-size: 3rem
    }

    .wrapmaintain .bg .content h2 {
        font-size: 4.2rem
    }

    .wrapmaintain .bg .content h2.txt-403 {
        font-size: 3.2rem
    }

    .wrapmaintain .bg .content p.txt-403,.wrapmaintain .bg .time .box span,.wrapmaintain .bg .content p {
        font-size: 1.25rem
    }

    .help-button {
        font-size: 1.4rem
    }

    .wrapmaintain .bg .content p.txt-403 {
        margin-top: 2vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .close-txt .txt h2 {
        font-size:3rem
    }

    .close-txt .txt span.time {
        font-size: 2rem
    }

    .item-box .close-txt .txt span.time {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8)
    }

    .wrapvirtual .close-txt .txt h2 {
        margin-bottom: -1vw;
        font-size: 2.2rem
    }

    .wrapvirtual .item-box .close-txt .txt span.time {
        transform: scale(.8);
        -webkit-transform: scale(.8);
        -moz-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8)
    }

    .wrapvirtual .item-box .close-txt .icon {
        width: 12vw
    }

    .wrapmaintain .bg .content {
        padding: 2vw 8vw;
        bottom: 0vw
    }

    .no-webp .wrapmaintain .bg {
        background-image: url(..../assets/images/Maintain/maintain-bg-pad.jpg)
    }

    .wrapmaintain .bg {
        background-image: url(..../assets/images/Maintain/maintain-bg-pad.webp)
    }

    .no-webp .wrapmaintain .bg-403 {
        background-image: url(..../assets/images/Maintain/maintain-403-bg-pad.jpg)
    }

    .wrapmaintain .bg-403 {
        background-image: url(..../assets/images/Maintain/maintain-403-bg-pad.webp)
    }

    .wrapmaintain .bg .time .box b {
        font-size: 4.6rem
    }

    .wrapmaintain .bg .content h2 {
        font-size: 5.8rem
    }

    .wrapmaintain .bg .content p.txt-403,.wrapmaintain .bg .time .box span,.wrapmaintain .bg .content p {
        font-size: 1.6rem
    }

    .help-button {
        font-size: 2em
    }

    .wrapmaintain .bg .content p.txt-403 {
        margin-top: 2vw
    }
}

.content-table {
    z-index: auto
}

.date-filter-box {
    width: 90vw
}

.date-filter-box,.date-filter-box .date-input {
    z-index: 100
}

.date-filter-box .date-input ul.dropdown-menu-right,.date-filter-box .date-input ul.dropdown-menu-left,.date-filter-box .date-input ul.datetime-picker-dropdown,ul.datetime-picker-dropdown {
    width: 85%;
    max-width: 100%;
    z-index: 100;
    position: absolute;
    top: 8vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid var(--borderColor01);
    background: var(--bgColor01);
    box-shadow: 0 3px 5px var(--bgColor07_op)
}

.date-filter-box .date-input ul.dropdown-menu-left {
    left: 2vw!important
}

.date-filter-box .date-input ul.dropdown-menu-right {
    left: auto!important;
    right: 2vw!important
}

.date-filter-box .date-input ul.dropdown-menu-right li,.date-filter-box .date-input ul.dropdown-menu-left li,.date-filter-box .date-input ul.datetime-picker-dropdown li,.popup-signup ul.datetime-picker-dropdown li {
    position: relative;
    width: 100%;
    z-index: 1000;
    padding: 0!important;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.popup-signup ul.datetime-picker-dropdown li {
    padding: 5px!important
}

.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-yearpicker,.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker {
    width: 100%;
    max-width: 100%;
    background: var(--bgColor01)
}

.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-yearpicker thead tr th {
    text-align: center
}

.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-timepicker {
    width: 100%;
    max-width: 100%
}

.date-filter-box .date-input ul.dropdown-menu-right li span.btn-group button,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th button,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker td button,.date-filter-box .date-input ul.dropdown-menu-left li span.btn-group button,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker td button,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker button,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker td button,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-yearpicker thead tr th button,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-yearpicker td button,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-yearpicker thead tr th button,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-yearpicker td button {
    background: none;
    font-size: .72rem;
    width: auto;
    padding: 1vw 0;
    font-weight: 400
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker thead tr th {
    text-align: center
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker td button,.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker td button,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker td button,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker thead tr th button {
    background: none;
    font-size: .72rem;
    width: auto;
    padding: 1vw;
    font-weight: 400;
    height: auto;
    color: var(--txtColor10);
    display: unset;
    text-align: center
}

.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker td button {
    background: var(--bgColor06);
    padding: 1vw
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker td button span,.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button span,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker td button span,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button span,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker td button span,.popup-signup ul.datetime-picker-dropdown li table.uib-yearpicker thead tr th button span {
    padding: 0;
    color: var(--txtColor10);
    border: 0px
}

.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker td button.active,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker td button.active {
    background: var(--btnColor11);
    color: var(--txtColor01)
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group {
    margin: 1vw
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group.pull-right {
    position: absolute;
    right: 0
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group button {
    padding: 1vw;
    margin: 1vw 0vw;
    width: auto
}

.popup-signup ul.datetime-picker-dropdown li span.clearfix {
    display: none
}

.popup-signup ul.datetime-picker-dropdown li span.btn-group button {
    padding: 1vw;
    width: auto;
    height: auto
}

.popup-signup ul.datetime-picker-dropdown li span.btn-group.pull-left {
    border: 0px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0
}

.popup-signup ul.datetime-picker-dropdown li span.btn-group.pull-left button {
    margin: 0vw 1vw 0 0
}

.popup-signup ul.datetime-picker-dropdown li span.btn-group.pull-right {
    border: 0px;
    position: absolute;
    right: 0;
    padding: 5px 1vw
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group button.btn-info,.popup-signup ul.datetime-picker-dropdown li span.btn-group button.btn-info {
    color: var(--txtColor01);
    background: var(--btnColor11)
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group button.btn-danger,.popup-signup ul.datetime-picker-dropdown li span.btn-group button.btn-danger {
    color: var(--txtColor01);
    background: var(--bgColor24)
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group button.btn-default {
    color: var(--txtColor01);
    background: var(--bgColor26)
}

.date-filter-box .date-input ul.datetime-picker-dropdown li span.btn-group button.btn-success {
    color: var(--txtColor01);
    background: var(--bgColor11)
}

.popup-signup ul.datetime-picker-dropdown li span.btn-group button.btn-success {
    color: var(--txtColor01);
    background: var(--bgColor26)
}

.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button {
    width: 100%
}

.date-filter-box .date-input .uib-time input {
    width: 80%;
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1rem;
    padding: 1vw;
    margin: 0 auto
}

.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th:after,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th:after,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th:after {
    display: none
}

.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker tbody tr td,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker tbody tr td,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th,.date-filter-box .date-input ul.datetime-picker-dropdown li table.uib-monthpicker tbody tr td {
    background: none;
    font-size: .65rem;
    padding: .4vw;
    text-align: center
}

.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker tbody tr td,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker tbody tr td button {
    background: none;
    font-size: .72rem;
    padding: .4vw;
    text-align: center
}

.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker tbody tr td button {
    background: var(--bgColor06);
    padding: 1vw
}

.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button.pull-right,.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button.pull-left,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th button.pull-right,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th button.pull-left {
    width: 14px;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    margin-bottom: 2vw
}

.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button.pull-left,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th button.pull-left {
    background-image: url(../assets/date-Leftarrow.54880d85.svg)
}

.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker thead tr th button.pull-right,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker thead tr th button.pull-right {
    background-image: url(../assets/date-Rightarrow.23598558.svg)
}

.date-filter-box .date-input ul.dropdown-menu-left li table.uib-daypicker tbody tr td em,.date-filter-box .date-input ul.dropdown-menu-right li table.uib-daypicker tbody tr td em {
    color: var(--txtColor12)
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker tbody tr td {
    text-align: center
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker tbody tr td em {
    color: var(--txtColor12);
    font-size: .65rem
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button.pull-left,.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button.pull-right,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button.pull-left,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button.pull-right {
    width: 14px;
    height: 12px;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    margin-bottom: 2vw
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button.pull-left,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button.pull-left {
    background-image: url(../assets/date-Leftarrow.54880d85.svg)
}

.popup-signup ul.datetime-picker-dropdown li table.uib-daypicker thead tr th button.pull-right,.popup-signup ul.datetime-picker-dropdown li table.uib-monthpicker thead tr th button.pull-right {
    background-image: url(../assets/date-Rightarrow.23598558.svg)
}

.date-filter-box .date-input .date-filter-box .date-input span.clearfix {
    display: none
}

.date-filter-box .date-input table tbody tr:nth-child(even) {
    background: var(--bgColor12)
}

.wrapcheck {
    margin-top: 12vw
}

.wrapcheck .content {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28vw 8vw;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--txtColor43);
    text-align: center
}

.wrapcheck .content h2 {
    font-weight: 600
}

.wrapcheck .content img {
    width: 65%;
    margin: 0 auto;
    margin-bottom: 3vw
}

.wrapcheck .content p {
    line-height: 1.4;
    margin-top: 1vw
}

.confirm-edit {
    font-size: .81rem;
    width: 12vw;
    height: 26px;
    background: var(--spbgColor08);
    color: var(--sptxtColor05);
    border-radius: 5px
}

.spaceBar {
    display: block;
    width: auto;
    height: 40px
}

.sport-eu-panel .sport-items,#tab-sport {
    padding-bottom: 10px
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .wrapcheck .content {
        padding:14vw 10vw
    }

    .wrapcheck .content h2 {
        font-size: 2.8rem
    }

    .wrapcheck .content p {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .wrapcheck .content {
        padding:14vw 10vw
    }

    .wrapcheck .content h2 {
        font-size: 3rem
    }

    .wrapcheck .content p {
        font-size: 2.2rem
    }
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    text-decoration: none;
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    max-width: 100%;
    border-style: none;
    display: block
}

button,input,optgroup,select,textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],[type=radio] {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.model-main {
    text-align: center;
    overflow: hidden;
    position: fixed;
    inset: 0;
    outline: 0;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    z-index: -1;
    overflow-x: hidden;
    overflow-y: auto
}

.model-open {
    z-index: 999;
    opacity: 1;
    overflow: hidden;
    overflow: scroll
}

.model2-open {
    z-index: 9999;
    opacity: 1;
    overflow: hidden;
    overflow: scroll
}

.model-inner {
    -webkit-transform: translate(0,-100%);
    -ms-transform: translate(0,-100%);
    -moz-transform: translate(0,-100%);
    -o-transform: translate(0,-100%);
    transform: translateY(-100%);
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: -webkit-transform .2s ease-out;
    transition: -webkit-transform .1s ease-out;
    -o-transition: -o-transform .1s ease-out;
    -moz-transition: transform .1s ease-out,-moz-transform .1s ease-out;
    transition: transform .1s ease-out;
    transition: transform .1s ease-out,-webkit-transform .1s ease-out,-moz-transform .1s ease-out,-o-transform .1s ease-out
}

.model-wrap {
    display: block;
    width: 100%;
    position: relative;
    background-clip: padding-box;
    outline: 0;
    text-align: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: auto
}

.pop-up-content {
    position: relative
}

.model-open .model-inner {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0);
    position: relative;
    z-index: 999
}

.model-open .bg-overlay {
    background: var(--bgColor05_op);
    z-index: 99
}

.model2-open .model-inner {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0);
    position: relative;
    z-index: 999
}

.model2-open .bg-overlay {
    background: var(--bgColor05_op);
    z-index: 99
}

.model2-level {
    opacity: 1;
    z-index: 9999;
    transform: translate(0)
}

.bg-overlay {
    background: var(--bgColor06_op);
    height: 100vh;
    width: 100%;
    position: fixed;
    inset: 0;
    z-index: 0
}

.popup-hint-small.model-open .bg-overlay {
    z-index: 99
}

.head-top {
    position: relative;
    width: 100%;
    height: auto;
    background-color: var(--bgColor01);
    border-bottom: 1px solid var(--txtColor02);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.title-name {
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2.6vw 0
}

.close-btn {
    position: absolute;
    right: 4.2vw;
    width: auto;
    cursor: pointer;
    z-index: 99;
    top: 2.2vw;
    right: 3.2vw
}

.popup-login .model-inner {
    width: 75vw;
    max-width: 75vw;
    margin: 0 auto
}

.close-btn span {
    color: var(--txtColor01)
}

.close-btn span {
    color: var(--txtColor01);
}

.popup-bank .pop-up-content {
    width: 98vw;
    margin: 0 auto;
    background: var(--bgColor06)
}

.popup-bank .head-top,.popup-carrier-open .head-top {
    width: 98vw;
    height: 13.2vw;
    margin: 6vw auto 0vw;
    border-bottom: 0px
}

.popup-bank .title-name,.popup-carrier-open .title-name {
    color: var(--txtColor05);
    font-weight: 700;
    font-size: 1.2rem;
    text-align: center
}

.popup-bank .close-btn,.popup-carrier-open .close-btn {
    top: -4.2vw;
    right: 0vw
}

.popup-bank .close-btn span,.popup-carrier-open .close-btn span {
    width: 10vw;
    height: 10vw;
    border-radius: 50%;
    color: var(--txtColor01);
    background: var(--bgColor07);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-carrier-open .bank-content ul li:last-child {
    margin-bottom: 0vw
}

.titleP {
    text-align: center;
    font-size: 1.6rem;
    color: var(--txtColor34);
    font-weight: 400;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.titleS {
    font-size: .83rem;
    font-weight: 700;
    padding-bottom: 1vw;
    border-bottom: 1px solid var(--borderColor06)
}

.rolling-content .titleS,.howdeposit-content .titleS {
    border-bottom: 1px solid var(--borderColor03)
}

.titleP span {
    font-size: .625rem;
    color: var(--txtColor02);
    font-weight: 300
}

.input-area {
    margin: 2vw 0;
    height: auto;
    overflow-y: scroll
}

.login-content {
/*     background: var(--bgColor_Grad06-00);
    background: -webkit-linear-gradient(top,var(--bgColor_Grad06-00) 1%,var(--bgColor_Grad06-01) 100%);
    background: -moz-linear-gradient(top,var(--bgColor_Grad06-00) 1%,var(--bgColor_Grad06-01) 100%);
    background: -o-linear-gradient(top,var(--bgColor_Grad06-00) 1%,var(--bgColor_Grad06-01) 100%);
    background: linear-gradient(to bottom,var(--bgColor_Grad06-00) 1%,var(--bgColor_Grad06-01) 100%); */
    padding: 8.6vw 8.8vw
}

.login-content .input-area {
    margin: 10vw 0 0
}

.login-content button.login-button {
    margin-bottom: 1vw;
    background: var(--bgColor02);
    color: var(--txtColor01)
}

.hint-small-content {
    width: 65vw;
    margin: 20vw auto;
    border-radius: 4px;
    background: var(--bgColor15_op);
    border: 1px solid var(--borderColor01);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 2px 4px var(--bgColor12_op)
}

.hint-small-content .content {
    width: 65vw;
    padding: 4vw
}

.hint-small-content .content span.icon-check {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 2vw auto 3vw;
    color: var(--txtColor01);
    background: var(--bgColor15);
    font-size: 1.6rem
}

.hint-small-content .content span.icon-delet {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 2vw auto 3vw;
    color: var(--txtColor01);
    background: var(--bgColor22);
    font-size: 1.6rem
}

.hint-small-content .content span.icon-alarm {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 12vw;
    height: 12vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin: 2vw auto 3vw;
    background: var(--btnColor05);
    color: var(--txtColor01);
    font-size: 1.6rem
}

.hint-small-content .content p {
    text-align: center;
    font-size: .81rem
}

.Bit5-content {
    text-align: center;
    width: 98vw;
    max-width: 98vw;
    margin: 1vw auto;
    border-radius: 4px;
    background: var(--bgColor01);
    border: 1px solid var(--borderColor01);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    box-shadow: 0 2px 4px var(--bgColor12_op)
}

.Bit5-content.PositionCenter {
    margin-top: 35%
}

.Bit5-content .titleBit5 {
    font-weight: 700;
    color: var(--txtColor32);
    font-size: 1.4rem;
    border-bottom: 1px solid var(--txtColor32);
    margin: 4vw auto 0vw;
    padding-bottom: 2vw
}

.Bit5-content iframe {
    position: relative;
    padding-bottom: 0;
    margin-top: 0;
    width: 100%;
    height: auto!important;
    background: var(--bgColor25)
}

.Bit5-content button.close-button {
    margin: 4vw auto
}

.Bit5-content .content {
    padding: 2vw
}

.Bit5-content .content .Btxt {
    color: var(--txtColor34);
    font-size: .93rem;
    text-align: left;
    padding: 4vw 2vw;
    margin-top: 5vw;
    border-bottom: 1px solid var(--borderColor01)
}

.Bit5-content .content .list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 4vw 2vw 1vw
}

.Bit5-content .content .list .txt {
    width: auto;
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--txtColor34);
    margin-bottom: 2vw
}

.Bit5-content .content .list .input {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Bit5-content .content .list .input input {
    width: 64vw;
    border: 1px solid var(--borderColor05);
    padding: 3vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .93rem
}

.Bit5-content .content .list .input button {
    width: auto;
    min-width: 24vw;
    font-weight: 400;
    background: var(--bgColor26);
    border: 1px solid var(--bgColor26);
    color: var(--txtColor01);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3vw;
    font-size: .93rem;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

.Bit5-content .content .alarm {
    padding: 1vw 2vw;
    text-align: left;
    font-size: .93rem;
    color: var(--txtColor05)
}

.Bit5-content .content .alarm div {
    width: auto
}

.Bit5-content .content .alarm span.icon-check {
    background: var(--btnColor15);
    color: var(--txtColor01);
    width: 24px;
    height: 24px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 1.2vw
}

.Bit5-content .content .alarm span.icon-delet {
    color: var(--txtColor16);
    margin-right: 1vw
}

.Bit5-content .content p {
    margin: 10px auto;
    font-size: .93rem
}

.Bit5-content .bgbtn-box {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 4vw auto
}

.Bit5-content .bgbtn-box button {
    width: 45.6vw;
    margin: 0 1vw
}

button.GoToBit5-button {
    background: var(--btnColor06);
    color: var(--txtColor01);
    font-size: .93rem
}

button.btnColor01 {
    color: var(--txtColor01);
    background: var(--btnColor01);
    font-weight: 600
}

button.btnColor03 {
    color: var(--txtColor02);
    background: var(--btnColor03);
    font-weight: 600
}

.input-area .list {
    margin: 1vw 0;
    font-size: .93rem;
    padding: 0vw 2vw;
    background: var(--bgColor01);
    border: 1px solid var(--borderColor03);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.input-area .list span {
    position: relative;
    color: var(--txtColor32)
}

.input-area .list span em {
    position: absolute;
    top: -8px;
    right: 3px;
    color: var(--txtColor16);
    font-weight: 700;
    font-size: .65rem
}

.input-area .list .txt {
    width: 8vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.input-area .list input {
    width: 100%;
    height: 10vw;
    padding: 2vw 0 2vw 2vw;
    font-size: .86rem
}

.input-list-forget {
    margin: 2vw 0 3vw
}

.input-list-forget .styled-checkbox+label {
    font-size: .81rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.input-list-forget .styled-checkbox+label span {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.input-list-forget .styled-checkbox:checked+label:after {
    content: "";
    top: 2.2vw;
    left: .8vw
}

.btm-hint-txt {
    font-size: .72rem;
    margin-top: 4vw;
    color: var(--txtColor02);
    line-height: 1.8
}

.btm-hint-txt span.icon-alarm {
    margin-right: 1vw
}

.btm-hint-txt a.icon {
    color: var(--txtColor01);
    font-size: .81rem;
    background: var(--bgColor07);
    border: 1px solid var(--borderColor15);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 0vw 1vw;
    margin: 1vw 0vw;
    display: inline-block
}

.head-top img {
    width: 30vw;
    margin-top: 0vw
}

.go-customer-center {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0 auto;
    font-size: .81rem;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--txtColor15);
    font-size: .65rem;
    padding: 0 0 5vw
}

.go-customer-center span {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: .93rem;
    margin-top: 1vw;
    border-bottom: 1px solid var(--txtColor32)
}

.go-customer-center span.icon-customer {
    color: var(--txtColor32)
}

.go-customer-center span.icon-customer a {
    color: var(--txtColor35)
}

.go-customer-center span.icon-customer:before {
    margin-right: .5vw;
    font-size: 1rem
}

.popup-howdeposit .model-inner {
    width: 98vw;
    max-width: 98vw;
    margin: 1vw auto
}

.howdeposit-content {
    background: var(--bgColor_Grad10-00);
    background: -webkit-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: -moz-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: -o-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: linear-gradient(to bottom,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad10-00)",endColorstr="var(--bgColor_Grad10-01)",GradientType=0);
    padding: 2.6vw 4.8vw 4vw
}

ul.step {
    margin-top: 0vw;
    padding: 5vw 5vw 1vw;
    background: var(--bgColor01);
    box-shadow: 0 3px 5px var(--bgColor14)
}

ul.step li {
    margin-bottom: 3vw;
    padding-bottom: 3vw;
    border-bottom: 1px solid var(--borderColor01)
}

ul.step li:last-child {
    border: 0px
}

ul.step li div {
    color: var(--txtColor05);
    font-size: 1rem;
    margin-bottom: .5vw;
    font-weight: 600
}

ul.step li p {
    color: var(--txtColor33);
    font-size: .91rem;
    line-height: 1.6
}

.close-button {
    width: 93.2vw;
    padding: 3.4vw 2vw;
    background: var(--btnColor10);
    color: var(--txtColor01);
    border-radius: .5vw;
    font-size: .93rem;
    font-weight: 600
}

.popup-rolling .model-inner {
    width: 98vw;
    max-width: 98vw;
    margin: 1vw auto
}

.rolling-content {
    background: var(--bgColor_Grad10-00);
    background: -webkit-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: -moz-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: -o-linear-gradient(top,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    background: linear-gradient(to bottom,var(--bgColor_Grad10-00) 1%,var(--bgColor_Grad10-01) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="var(--bgColor_Grad10-00)",endColorstr="var(--bgColor_Grad10-01)",GradientType=0);
    padding: 2.6vw 4.8vw 4vw
}

.rolling-content .details-time {
    width: 88.4vw;
    margin: 2vw auto
}

.rolling-content .details-time .time-box b {
    font-size: .93rem
}

.rolling-content .main-content ul {
    border-top: 0px;
    border: 1px solid var(--borderColor07)
}

.rolling-content .main-content ul li {
    margin-bottom: 0
}

.rolling-content .main-content ul li .main-panel,.rolling-content .main-content ul li .head-panel {
    border-top: 0px
}

.rolling-content .main-content ul li .main-panel span.noData {
    color: var(--txtColor02)
}

.rolling-content .main-content ul li .main-panel .item .list .info,.rolling-content .main-content ul li .main-panel .item .list .info span {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.rolling-content .main-content ul li .main-panel .item .list .info span em {
    margin-right: 1vw
}

.rolling-content .main-content ul li .main-panel .item .list .info:last-child {
    width: 80%
}

em.failure {
    color: var(--txtColor16);
    font-weight: 700
}

em.success {
    color: var(--txtColor17);
    font-weight: 700
}

.popup-account-problem .model-inner {
    width: 98vw;
    max-width: 98vw;
    margin: 1vw auto
}

.account-problem-content {
    background: var(--bgColor01);
    padding: 2.6vw 4.8vw 8vw
}

.account-problem-content .titleP {
    font-size: 1.6rem
}

.account-problem-content .input-area .list {
    border: 0px
}

.account-problem-content .input-list .list .txt {
    width: 15vw;
    color: var(--txtColor05)
}

.account-problem-content .input-area .list .input input {
    width: 72vw;
    border: 1px solid var(--borderColor05);
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    margin: .5vw auto
}

.account-problem-content .input-area .list textarea {
    padding: 2vw;
    width: 93.2vw;
    line-height: 1.6;
    border: 1px solid var(--borderColor05);
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    margin-top: .5vw
}

.account-problem-content .bgbtn-box {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 4vw;
    padding: 0 2vw
}

.account-problem-content .bgbtn-box button {
    width: 41.6vw
}

.account-problem-content .bgbtn-box button.send-button {
    background: var(--bgColor02);
    color: var(--txtColor01)
}

.account-problem-content .bgbtn-box button.cancel-button {
    color: var(--txtColor02);
    background: var(--btnColor03)
}

.aniWrong {
    -webkit-animation: aniWrong .2s 3;
    -moz-animation: aniWrong .2s 3;
    -o-animation: aniWrong .2s 3;
    animation: aniWrong .2s 3
}

@-webkit-keyframes aniWrong {
    0% {
        -webkit-transform: translateX(0px);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateX(10px);
        transform: translate(10px)
    }

    50% {
        -webkit-transform: translateX(0px);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translate(10px)
    }

    to {
        -webkit-transform: translateX(0px);
        transform: translate(0)
    }
}

@-moz-keyframes aniWrong {
    0% {
        -moz-transform: translateX(0px);
        transform: translate(0)
    }

    25% {
        -moz-transform: translateX(10px);
        transform: translate(10px)
    }

    50% {
        -moz-transform: translateX(0px);
        transform: translate(0)
    }

    50% {
        -moz-transform: translateX(10px);
        transform: translate(10px)
    }

    to {
        -moz-transform: translateX(0px);
        transform: translate(0)
    }
}

@-o-keyframes aniWrong {
    0% {
        -o-transform: translateX(0px);
        transform: translate(0)
    }

    25% {
        -o-transform: translateX(10px);
        transform: translate(10px)
    }

    50% {
        -o-transform: translateX(0px);
        transform: translate(0)
    }

    50% {
        -o-transform: translateX(10px);
        transform: translate(10px)
    }

    to {
        -o-transform: translateX(0px);
        transform: translate(0)
    }
}

@keyframes aniWrong {
    0% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translate(0)
    }

    25% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translate(10px)
    }

    50% {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translate(0)
    }

    50% {
        -webkit-transform: translateX(10px);
        -moz-transform: translateX(10px);
        -o-transform: translateX(10px);
        transform: translate(10px)
    }

    to {
        -webkit-transform: translateX(0px);
        -moz-transform: translateX(0px);
        -o-transform: translateX(0px);
        transform: translate(0)
    }
}

.popup-signup .alarm {
    width: 90vw;
    padding-left: 10vw;
    margin-top: 1vw
}

.popup-signup .titleP {
    color: var(--txtColor40);
    font-weight: 700;
    font-size: 1.2rem
}

.popup-signup .title-name {
    padding: 2.6vw 0
}

.popup-signup .input-area {
    margin: 0 auto;
    padding: 3.8vw 0vw
}

.popup-signup .input-area .input-list {
    padding: 0vw 3.8vw;
    margin-bottom: 2vw
}

.popup-signup .input-area .line {
    width: 100%;
    height: 1px;
    background: var(--borderColor03);
    margin: 4vw auto
}

.popup-signup .input-area .list {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0
}

.popup-signup .input-area .list .icon-clean {
    width: 8vw;
    height: 10vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor02);
    font-size: 1.2rem;
    background: var(--bgColor01);
    right: 2vw
}

.popup-signup .input-area .input-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.popup-signup .input-area .input-birth .list {
    height: 10vw
}

.popup-signup .input-area .input-birth .list .license-number {
    width: 75vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.popup-signup .input-area .input-birth .list .license-number .number-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.popup-signup .input-area .input-birth .list .license-number .number-box input.input-one {
    width: 50vw;
    height: 8vw;
    border-radius: 2px
}

.popup-signup .input-area .input-birth .list .license-number .number-box ul.sex {
    width: 24vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.popup-signup .input-area .input-birth .list .license-number .number-box ul.sex input[type=radio] {
    width: auto;
    position: absolute;
    visibility: hidden
}

.popup-signup .input-area .input-birth .list .license-number .number-box ul.sex input[type=radio]:checked~label {
    background: var(--btnColor11);
    color: var(--txtColor01)
}

.popup-signup .input-area .input-birth .list .license-number .number-box ul.sex label {
    height: 7.6vw;
    width: 15vw;
    margin-right: 1vw;
    font-size: .81rem;
    padding: 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor02);
    background: var(--btnColor03);
    font-weight: 600;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.popup-signup .input-area .input-list .list-id {
    width: 71vw
}

.popup-signup .input-area .input-list .list-id .input,.popup-signup .input-area .input-list .list-id .input input {
    width: 54vw
}

.popup-signup .input-area .list span {
    padding: 0vw 2vw;
    border-right: 1px solid var(--borderColor03);
    color: var(--txtColor32)
}

.popup-signup .input-area .icon-black span,.popup-signup .input-area .icon-black span,.popup-signup .input-area .icon-black span,.popup-signup .input-area .icon-black span {
    color: var(--txtColor42)
}

.signup-content {
    background-color: var(--bgColor01)
}

.signup-content .list .checkUse {
    width: 3.6vw;
    height: 3.6vw;
    margin-right: 2.6vw;
    background-repeat: no-repeat;
    -o-background-size: contain;
    background-size: contain;
    background-position: center left;
    background-image: url(../Shared/images/icconCheck01.svg)
}

.signup-content .checkOk .list .checkUse {
    background-image: url(../Shared/images/icconCheck02.svg)
}

.signup-content .list {
    padding: 0
}

.signup-content .list input {
    padding: 2vw;
    border: 0px solid var(--borderColor05)
}

.signup-content .list input.datepicker::-webkit-input-placeholder {
    color: var(--txtColor18)
}

.signup-content .list input.datepicker:-moz-placeholder {
    color: var(--txtColor18)
}

.signup-content .list input.datepicker:-ms-input-placeholder {
    color: var(--txtColor18)
}

.signup-content .list input.datepicker::-moz-placeholder {
    color: var(--txtColor18)
}

.signup-content .list input.datepicker::placeholder {
    color: var(--txtColor18)
}

.signup-content .list input:focus {
    border: 0px solid var(--borderColor07)
}

.signup-content .list .input {
    width: 75vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.input-area .list .input input,.input-area .full-list .input input,.input-area .full-list input {
    width: 75vw
}

.input-area .full-list input.bank-btn,.input-area .full-list input.carrier-btn {
    background-repeat: no-repeat;
    background-position: 69vw center;
    -o-background-size: 3vw;
    background-size: 3vw;
    background-image: url(../Shared/images/select-arrow.svg)
}

.signup-content button {
    width: 20vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor02);
    background: var(--btnColor03);
    height: 10vw;
    padding: 1vw;
    font-weight: 600;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-size: .93rem
}

.signup-content button.check-button {
    font-size: .81rem
}

.signup-content .list select {
    padding: 2vw;
    width: 75vw;
    border: 0px solid var(--borderColor05);
    background-position: 69vw;
    color: var(--txtColor18)
}

.signup-content .bgbtn-box {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 6vw;
    padding: 0vw 3.8vw
}

.signup-content .bgbtn-box button {
    width: 44.6vw
}

.signup-content button.signup-button {
    background: var(--bgColor02);
    color: var(--txtColor01)
}

.bank-content {
    width: 98vw;
    height: auto;
    background: var(--bgColor06);
    margin: 0 auto
}

.bank-content ul {
    height: auto;
    max-height: -webkit-calc(100vh - 20.5vw);
    max-height: -moz-calc(100vh - 20.5vw);
    max-height: calc(100vh - 20.5vw);
    overflow-y: scroll;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: Wrap;
    -ms-flex-wrap: Wrap;
    flex-wrap: Wrap;
    margin: 0 auto;
    width: 96vw;
    padding: 2vw 0 4vw
}

.bank-content ul li {
    width: 32.333%;
    margin: .5%
}

.bank-content ul li:last-child {
    margin-bottom: 10vw
}

.bank-content ul li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: var(--txtColor29);
    padding: 2vw 1.2vw;
    font-size: .65rem;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: var(--bgColor01);
    color: var(--txtColor02);
    border: 1px solid var(--txtColor04);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.bank-content ul li a img {
    width: auto;
    height: 10vw;
    margin: 1vw auto
}

.pop-up-content button.signupnow-button,.pop-up-content button.cancel-button {
    color: var(--txtColor02);
    background: var(--btnColor03)
}

.vertical-centered-box {
    z-index: 999
}

.vertical-centered-box .content {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 0
}

.loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #96b2dc1a;
    margin-left: -25vw;
    margin-top: -25vw
}

.loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 25vw;
    height: 50vw;
    margin-left: -25vw;
    margin-top: -25vw;
    overflow: hidden;
    -webkit-transform-origin: 25vw 25vw;
    -moz-transform-origin: 25vw 25vw;
    -ms-transform-origin: 25vw 25vw;
    -o-transform-origin: 25vw 25vw;
    transform-origin: 25vw 25vw;
    -webkit-mask-image: -webkit-linear-gradient(top,#000000,rgba(0,0,0,0));
    -webkit-animation: rotate 1.2s infinite linear;
    -moz-animation: rotate 1.2s infinite linear;
    -o-animation: rotate 1.2s infinite linear;
    animation: rotate 1.2s infinite linear
}

.loader-line-mask .loader-line {
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #93bbff80
}

#particles-background,#particles-foreground {
    left: -51%;
    top: -51%;
    width: 202%;
    height: 202%;
    -webkit-transform: scale3d(.5,.5,1);
    -moz-transform: scale3d(.5,.5,1);
    -ms-transform: scale3d(.5,.5,1);
    -o-transform: scale3d(.5,.5,1);
    transform: scale3d(.5,.5,1)
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    0% {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

@-moz-keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

@-o-keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

@keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .25
    }
}

lesshat-selector {
    -lh-property: 0
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-moz-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-o-keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

[not-existing] {
    zoom:1}

.kc-logo {
    width: 100%;
    height: auto;
    vertical-align: middle;
    text-align: center
}

.kc-logo #kc-color {
    fill: var(--txtColor32)
}

@-webkit-keyframes jump {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        -webkit-transform: translate3d(0,15%,0);
        transform: translate3d(0,15%,0)
    }
}

@-moz-keyframes jump {
    0% {
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    50% {
        -moz-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        -moz-transform: translate3d(0,15%,0);
        transform: translate3d(0,15%,0)
    }
}

@-o-keyframes jump {
    0% {
        transform: translateZ(0)
    }

    50% {
        transform: translate3d(0,10%,0)
    }

    to {
        transform: translate3d(0,15%,0)
    }
}

@keyframes jump {
    0% {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        transform: translateZ(0)
    }

    50% {
        -webkit-transform: translate3d(0,10%,0);
        -moz-transform: translate3d(0,10%,0);
        transform: translate3d(0,10%,0)
    }

    to {
        -webkit-transform: translate3d(0,15%,0);
        -moz-transform: translate3d(0,15%,0);
        transform: translate3d(0,15%,0)
    }
}

.jump {
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-animation: jump .5s linear alternate infinite;
    -moz-animation: jump .5s linear alternate infinite;
    -o-animation: jump .5s linear alternate infinite;
    animation: jump .5s linear alternate infinite
}

.loading-logo img {
    width: 17vw;
    margin: 0 auto
}

h1.loader {
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.36rem;
    color: transparent;
    letter-spacing: .01em
}

.loader span {
    text-shadow: 0 0 2px rgba(150,163,220,.9),0 15px 25px rgba(0,0,0,.3),0 0 20px rgba(150,172,220,.45);
    -webkit-animation: loading .85s ease-in-out infinite alternate;
    -moz-animation: loading .85s ease-in-out infinite alternate;
    -o-animation: loading .85s ease-in-out infinite alternate;
    animation: loading .85s ease-in-out infinite alternate
}

@-webkit-keyframes loading {
    to {
        text-shadow: 0 0 2px rgba(150,178,220,.2),0 0 3px rgba(0,0,0,.02),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(150,178,220,0)
    }
}

@-moz-keyframes loading {
    to {
        text-shadow: 0 0 2px rgba(150,178,220,.2),0 0 3px rgba(0,0,0,.02),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(150,178,220,0)
    }
}

@-o-keyframes loading {
    to {
        text-shadow: 0 0 2px rgba(150,178,220,.2),0 0 3px rgba(0,0,0,.02),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(150,178,220,0)
    }
}

@keyframes loading {
    to {
        text-shadow: 0 0 2px rgba(150,178,220,.2),0 0 3px rgba(0,0,0,.02),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(0,0,0,0),0 0 0 rgba(150,178,220,0),0 0 0 rgba(150,178,220,0)
    }
}

.loader span:nth-child(2) {
    -webkit-animation-delay: .15s;
    -moz-animation-delay: .15s;
    -o-animation-delay: .15s;
    animation-delay: .15s
}

.loader span:nth-child(3) {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s
}

.loader span:nth-child(4) {
    -webkit-animation-delay: .45s;
    -moz-animation-delay: .45s;
    -o-animation-delay: .45s;
    animation-delay: .45s
}

.loader span:nth-child(5) {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s
}

.loader span:nth-child(6) {
    -webkit-animation-delay: .75s;
    -moz-animation-delay: .75s;
    -o-animation-delay: .75s;
    animation-delay: .75s
}

.loader span:nth-child(7) {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s
}

.popup-loading.model-open .bg-overlay {
    background: var(--bgColor02_op);
    z-index: 99
}

.popup-loading.model-open .content {
    position: relative;
    width: 100vw;
    height: 50vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 55vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .titleP {
        font-size:3rem
    }

    .signup-content button.check-button,.Bit5-content .content .alarm,.titleP span {
        font-size: 1.2rem
    }

    .Bit5-content .content .list .input button,.Bit5-content .content .list .input input,.Bit5-content .content .Btxt,.Bit5-content .content p,.hint-small-content .content p,ul.step li div,.titleS,.close-btn,.signup-content .list select,.signup-content .list button,.bgbtn-box button,.go-customer-center span.icon-customer:before,.rolling-content .details-time .time-box b,.close-button,.input-area .list textarea {
        font-size: 1.6rem
    }

    .Bit5-content .content .list .txt,.popup-bank .title-name,.popup-signup .titleP,.input-area .list .txt,.input-area .list input {
        font-size: 1.8rem
    }

    .go-customer-center,.go-customer-center span,ul.step li p,.input-list-forget .styled-checkbox+label,.bank-content ul li a {
        font-size: 1.4rem
    }

    .Bit5-content .titleBit5,.hint-small-content .content span.icon-check,.hint-small-content .content span.icon-delet,.hint-small-content .content span.icon-alarm {
        font-size: 2.8rem
    }

    .popup-signup .input-area .list .icon-clean,h1.loader {
        font-size: 2rem
    }

    .popup-loading.model-open .content {
        margin-top: 35vw
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .titleP {
        font-size:3.6rem
    }

    .signup-content button.check-button,.Bit5-content .content .alarm,.titleP span {
        font-size: 1.4rem
    }

    .Bit5-content .content .list .input button,.Bit5-content .content .list .input input,.Bit5-content .content .Btxt,.Bit5-content .content p,.hint-small-content .content p,ul.step li div,.titleS,.close-btn,.signup-content .list select,.signup-content .list button,.bgbtn-box button,.input-area .list .txt,.input-area .list input,.go-customer-center span,.go-customer-center span.icon-customer:before,.rolling-content .details-time .time-box b,.close-button,.input-area .list textarea {
        font-size: 2rem
    }

    .Bit5-content .content .list .txt,.popup-bank .title-name,.popup-signup .titleP {
        font-size: 2.2rem
    }

    .go-customer-center,ul.step li p,.input-list-forget .styled-checkbox+label,.bank-content ul li a {
        font-size: 1.8rem
    }

    .Bit5-content .titleBit5,.hint-small-content .content span.icon-check,.hint-small-content .content span.icon-delet,.hint-small-content .content span.icon-alarm {
        font-size: 3.6rem
    }

    .popup-signup .input-area .list .icon-clean,h1.loader {
        font-size: 2.4rem
    }

    .popup-loading.model-open .content {
        margin-top: 35vw
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    .popup-login .model-inner {
        width:88vw;
        max-width: 88vw
    }

    .login-content {
        padding: 4.6vw 8.8vw 8.6vw
    }

    .head-top img {
        width: 20vw;
        margin-top: 10vw
    }

    h1.loader {
        font-size: 1.06rem
    }
}

.popup-ad .ad-block {
    position: relative;
    z-index: 1000;
    width: 100vw;
    height: 100vh
}

.popup-ad .ad-block .item {
    position: absolute;
    padding: 1vw
}

.popup-ad .ad-block .item p img {
    height: auto!important
}

.popup-ad .ad-block .close-btn {
    color: var(--txtColor01);
    background: var(--bgColor30);
    padding: 1vw;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    width: 25px;
    height: 25px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-ad .ad-block .close-btn span.icon-close {
    color: var(--txtColor12);
    font-size: .72rem
}

.popup-ad .ad-block .not-show {
    background: var(--bgColor36);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 4vw 2vw
}

.popup-ad .ad-block .not-show button {
    padding: 2vw 3vw;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    background: var(--bgColor37);
    color: var(--txtColor01);
    font-size: .93rem
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .popup-ad .ad-block {
        position:relative;
        z-index: 1000;
        width: 60vw;
        height: auto;
        min-height: 75vh;
        margin: 0 auto
    }

    .popup-ad .ad-block .not-show button {
        font-size: 1.2rem
    }

    .popup-ad .ad-block .close-btn {
        width: 40px;
        height: 40px;
        right: 2.2vw
    }

    .popup-ad .ad-block .close-btn span.icon-close {
        color: var(--txtColor12);
        font-size: 1.2rem
    }
}

.hint-small-content {
    width: 75vw;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: 0px;
    box-shadow: none;
    background: var(--bgColor01)
}

.hint-small-content .content {
    width: auto
}

.hint-small-content .btn-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 4vw
}

.hint-small-content .btn-box button {
    width: 24vw;
    padding: 2.2vw;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .81rem;
    font-weight: 600;
    margin: 1vw
}

.hint-small-content .btn-box button.close-button {
    color: var(--txtColor01);
    background: var(--btnColor04)
}

.hint-small-content .btn-box button.confirm-button {
    color: var(--txtColor01);
    background: var(--btnColor06)
}

.head-notice {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--bgColor02);
    color: var(--txtColor01);
    border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -ms-border-radius: 6px 6px 0px 0px;
    -o-border-radius: 6px 6px 0px 0px;
    padding: 6px 0
}

.head-notice span {
    margin-right: 1vw
}

.popup-quickbet-info .btn-box button.confirm-button {
    background: var(--bgColor02)
}

.popup-quickbet-info .content {
    padding: 4vw 5vw
}

.popup-quickbet-info .content p {
    text-align: left
}

.popup-quickbet-info .content p b {
    width: auto;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    padding: 0;
    color: var(--txtColor26)
}

.popup-loading.model-open .content {
    margin-top: 65vw
}

@font-face {
    font-family: icomoon;
    src: url(../../Font/icomoon.cb7dba6a.eot?ksh0f9);
    src: url(../../Font/icomoon.cb7dba6a.eot?ksh0f9#iefix) format("embedded-opentype"),url(../../Font/icomoon-1sb4ublE.ttf) format("truetype"),url(../../Font/icomoon-BfhRFXdj.woff) format("woff"),url(../../Font/icomoon.84879f5c.svg?ksh0f9#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=icon-],[class*=" icon-"] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-circlecheck:before {
    content: "\e952"
}

.icon-copy:before {
    content: "\e953"
}

.icon-quick-betrule:before {
    content: "\e94d"
}

.icon-flow-close:before {
    content: "\e94a"
}

.icon-search:before {
    content: "\e949"
}

.icon-memo-hint:before {
    content: "\e948"
}

.icon-selectall:before {
    content: "\e947"
}

.icon-safe:before {
    content: "\e946"
}

.icon-live-default:before {
    content: "\e945"
}

.icon-arrow-goback:before {
    content: "\e944"
}

.icon-arrow-right:before {
    content: "\e940"
}

.icon-confirm:before {
    content: "\e941"
}

.icon-pause:before {
    content: "\e942"
}

.icon-spinner-of-dots:before {
    content: "\e943"
}

.icon-live-baseball:before {
    content: "\e93a"
}

.icon-live-basketball:before {
    content: "\e93b"
}

.icon-live-football:before {
    content: "\e93c"
}

.icon-icon-icconBALL02:before {
   content: ""
}

.icon-live-icehockey:before {
    content: "\e93d"
}

.icon-live-tennis:before {
    content: "\e93e"
}

.icon-live-volleyball:before {
    content: "\e93f"
}

.icon-icconSport:before {
    content: "\e939"
}

.icon-live:before {
    content: "\e937"
}

.icon-padlock:before {
    content: "\e938"
}

.icon-edit:before {
    content: "\e935"
}

.icon-setting:before {
    content: "\e936"
}

.icon-icconALLnew:before {
    content: "\e900"
}

.icon-icconVR:before {
    content: "\e901"
}

.icon-icconDbonus:before {
    content: "\e902"
}

.icon-alarm:before {
    content: "\e903"
}

.icon-appdownload:before {
    content: "\e904"
}

.icon-arrow-back:before {
    content: "\e905"
}

.icon-arrow-down:before {
    content: "\e906"
}

.icon-arrow-top:before {
    content: "\e907"
}

.icon-balance:before {
    content: "\e908"
}

.icon-bank-s:before {
    content: "\e909"
}

.icon-bank:before {
    content: "\e90a"
}

/* .icon-betlist:before {
    content: "\e90b"
} */

/* .icon-betrule:before {
    content: "\e90c"
} */

.icon-calculator:before {
    content: "\e90d"
}

.icon-calendar:before {
    content: "\e90e"
}

.icon-carrier:before {
    content: "\e90f"
}

.icon-check-code:before {
    content: "\e910"
}

.icon-check:before {
    content: "\e911"
}

.icon-clean:before {
    content: "\e912"
}

.icon-close:before {
    content: "\e913"
}

.icon-coupung:before {
    content: "\e914"
}

.icon-customer:before {
    content: "\e915"
}

.icon-delet:before {
    content: "\e916"
}

.icon-deposit:before {
    content: "\e917"
}

/* .icon-event:before {
    content: "\e918"
} */

.icon-gender:before {
    content: "\e919"
}

.icon-history:before {
    content: "\e91a"
}

.icon-home:before {
    content: "\e91b"
}

.icon-icconVip:before {
    content: "\e91c"
}

.icon-id:before {
    content: "\e91d"
}

.icon-iiconDice:before {
    content: "\e91e"
}

.icon-iiconGame:before {
    content: "\e91f"
}

.icon-iiconPoker:before {
    content: "\e920"
}

.icon-iiconSlote:before {
    content: "\e921"
}

/* .icon-inbox:before {
    content: "\e922"
} */

.icon-information:before {
    content: "\e923"
}

.icon-login:before {
    content: "\e924"
}

.icon-mail-read-no:before {
    content: "\e925"
}

.icon-mail-read:before {
    content: "\e926"
}

/* .icon-money:before {
    content: "\e927"
} */

/* .icon-mypage:before {
    content: "\e928"
} */

.icon-nav:before {
    content: "\e929"
}

/* .icon-nav2:before {
    content: "\e92a"
}
.icon-notice:before {
    content: "\e92b"
} */

.icon-phone:before {
    content: "\e92c"
}

.icon-pw:before {
    content: "\e92d"
}

.icon-recommend:before {
    content: "\e92e"
}

.icon-referrer:before {
    content: "\e92f"
}

.icon-remove:before {
    content: "\e930"
}

.icon-select-arrow:before {
    content: "\e931";
    color: #555
}

.icon-star-o:before {
    content: "\e932"
}

.icon-star:before {
    /* content: "\e933" */
}

/* .icon-withdraw:before {
    content: "\e934"
} */

header {
    position: fixed;
    width: 100vw;
    height: 13vw;
    z-index: 1000;
    background: var(--bgColor01)
}

.zindex0 {
    z-index: 0
}

header .wrapper.maintain {
    background: var(--bgColor30)
}

header.PageDetail {
    height: 10vw;
    background: linear-gradient(45deg, #0066cc, #3399ff);
}

header .wrapper {
    width: 100vw;
    height: 13vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0vw 3.4vw
}

header.PageDetail .wrapper {
    height: 10vw;
    padding: 3.4vw;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

header a.logo {
    width: 38vw
}

header a.logo img {
    width: 100%;
    height: auto;
    max-width: 100%;
}

a.icon-back,a.icon-left-menu,a.icon-right-menu {
    width: 10vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--txtColor01);
    font-size: 1.36rem;
    padding: 3vw
}

a.icon-left-menu {
    color: var(--txtColor32)
}

a.icon-amount {
    position: absolute;
    right: 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

a.icon-amount div {
    width: auto;
    font-size: .86rem;
    color: var(--txtColor34);
    font-weight: 600;
    font-family: Microsoft JhengHei,sans-serif
}

a.icon-amount span {
    color: var(--txtColor32);
    margin-right: 1vw;
    font-size: 1.2rem
}

a.icon-back,a.icon-left-menu {
    position: absolute;
    left: 3.4vw;
    padding: 10px
}

a.icon-back span {
    font-size: .81rem
}

a.details-title {
    font-size: 1.06rem;
    font-weight: 600;
    color: var(--txtColor01)
}

a.icon-right-menu {
    position: absolute;
    right: 3.4vw;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

a.favorite span.icon-star-o {
    color: var(--txtColor18)
}

header button,header a.guestmail,header a.btn-history {
    font-size: .8rem;
    color: var(--txtColor07);
    background: none
}

header a.guestmail {
    position: absolute;
    left: 14.4vw
}

header a.btn-history {
    position: absolute;
    right: 14.4vw
}

header .btn-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    position: relative;
    right: 0;
    width: auto;
    min-width: 28vw;
    margin: 0 0 0 .5vw
}

header .btn-box button:first-child {
    margin-right: 1.5vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    a.icon-amount,a.icon-back span,a.icon-left-menu,a.icon-right-menu {
        font-size:2.4rem
    }

    a.icon-amount span {
        font-size: 1.6rem
    }

    a.icon-amount div {
        font-size: 1.25rem
    }

    header a.btn-deposit,header a.btn-history,header .btn-box button {
        font-size: 1.6rem;
        margin-right: 1.6vw
    }

    header a.btn-history {
        margin-right: 0
    }

    a.icon-back span {
        font-size: 1.6rem
    }

    a.details-title {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    a.icon-amount,a.icon-left-menu,a.icon-right-menu {
        font-size:3rem
    }

    a.icon-amount span {
        font-size: 2.4rem
    }

    a.icon-amount div {
        font-size: 2rem
    }

    header a.btn-deposit,header a.btn-history,header .btn-box button {
        font-size: 2rem;
        margin-right: 2.2vw
    }

    header a.btn-history {
        margin-right: 0
    }

    a.icon-back span {
        font-size: 2rem
    }

    a.details-title {
        font-size: 2.4rem
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {
    header a.logo {
        width:35vw
    }

    a.icon-left-menu,a.icon-right-menu {
        width: 8vw;
        font-size: 1rem
    }

    header .btn-box button.login-btn {
        margin-right: 1.4vw;
        font-size: .68rem
    }

    header .btn-box button:first-child {
        margin-right: 1.2vw;
        font-size: .68rem
    }
}

nav {
    position: fixed;
    top: 0;
    z-index: 0;
    opacity: 0
}

.slide-content-left.zindexadd {
    z-index: 2
}

.slide-content-right {
    left: auto;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 68vw;
    transform: translate(68vw);
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(68vw);
    -moz-transform: translateX(68vw);
    -ms-transform: translateX(68vw);
    -o-transform: translateX(68vw);
    background-color: var(--bgColor06);
    background-position: top left;
    background-repeat: repeat-y;
    background-image: url(../Shared/images/RightMenu/right-menu-shadow.png)
}

.slide-content-right.is-visible-right {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translate(0);
    opacity: 1
}

.is-obscured-right {
    position: fixed;
    -webkit-transform: translateX(-68vw);
    -moz-transform: translateX(-68vw);
    -ms-transform: translateX(-68vw);
    -o-transform: translateX(-68vw);
    transform: translate(-68vw)
}

.account-box {
    width: 48vw;
    background: var(--bgColor03);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.5vw 1.8vw;
    font-size: .65rem;
    color: var(--txtColor01);
    text-align: center
}

.account-box .level-list {
    width: 48vw;
    margin-right: 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.account-box .level-list .level {
    width: 9vw;
    margin-right: 1.5vw;
    border-radius: 5vw;
    -webkit-border-radius: 5vw;
    -moz-border-radius: 5vw;
    -ms-border-radius: 5vw;
    -o-border-radius: 5vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.account-box .level-list .name {
    width: 32vw;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: left
}

.account-box .account-list {
    width: 30vw
}

.account-box .account-list .amount {
    position: relative;
    color: var(--txtColor21);
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.account-box .account-list .amount:before {
    content: "";
    position: relative;
    left: -1vw;
    width: 6vw;
    height: 6vw;
    background-position: left center;
    background-repeat: no-repeat;
    -o-background-size: contain;
    background-size: contain;
    background-image: url(../Shared/images/RightMenu/icon-money.png)
}

.account-box .level-list .L01 {
    background: var(--btnLevelColor01)
}

.account-box .level-list .L02 {
    background: var(--btnLevelColor02)
}

.account-box .level-list .L03 {
    background: var(--btnLevelColor03)
}

.account-box .level-list .L04 {
    background: var(--btnLevelColor04)
}

.account-box .level-list .L05 {
    background: var(--btnLevelColor05)
}

.account-box .level-list .L06 {
    background: var(--btnLevelColor06)
}

.account-box .level-list .L07 {
    background: var(--btnLevelColor07)
}

.slide-content-right ul {
    padding: 2.8vw
}

.slide-content-right ul li {
    border-bottom: 1px solid var(--borderColor03)
}

.slide-content-right ul li a {
    height: 13.6vw;
    height: 12.6vw;
    padding-left: 8vw;
    font-size: .82rem;
    font-weight: 600;
    color: var(--txtColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.slide-content-right ul li:last-child {
    border-bottom: 0px;
    padding: 3.6vw 0
}

.slide-content-right ul li:last-child a {
    height: 10.2vw;
    padding-left: 0;
    padding: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--btnColor01);
    color: var(--txtColor01);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.slide-content-right ul li a span {
    color: var(--txtColor09)
}

.slide-content-right ul li a.icon {
    width: 100%;
    background-position: left center;
    background-repeat: no-repeat;
    -o-background-size: 10%;
    background-size: 10%
}

.slide-content-right ul li a.icon-notice {
    background-image: url(../Shared/images/RightMenu/nav-right-notice.png)
}

.slide-content-right ul li a.icon-rule {
    background-image: url(../Shared/images/RightMenu/nav-right-rule.png)
}

.slide-content-right ul li a.icon-referrer {
    background-image: url(../Shared/images/RightMenu/nav-right-referrer.png)
}

.slide-content-right ul li a.icon-inbox {
    background-image: url(../Shared/images/RightMenu/nav-right-inbox.png)
}

.slide-content-right ul li a.icon-mypage {
    background-image: url(../Shared/images/RightMenu/nav-right-mypage.png)
}

.slide-content-right ul li a.icon-deposit {
    background-image: url(../Shared/images/RightMenu/nav-right-deposit.png)
}

.slide-content-right ul li a.icon-withdraw {
    background-image: url(../Shared/images/RightMenu/nav-right-withdraw.png)
}

.slide-content-right ul li a.icon-betlist {
    background-image: url(../Shared/images/RightMenu/nav-right-betlist.png)
}

.slide-content-right ul li a.icon-betlist:before {
    display: none
}

.slide-content-right ul li a.icon-customer {
    background-image: url(../Shared/images/RightMenu/nav-right-customer.png)
}

.slide-content-left {
    width: 48vw;
    left: 0;
    bottom: 0;
    right: auto;
    height: 100%;
    margin-bottom: 15vw;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-position: top right;
    background-repeat: repeat-y;
    /*background-image: url(../Shared/images/LeftMenu/left-menu-shadow.png);*/
    background-color: var(--bgColor06);
    -webkit-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    -o-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    -moz-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    transition: all .05s cubic-bezier(.35,.38,.07,.83)
}

.slide-content-left.is-visible-left {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translate(0);
    z-index: 1;
    opacity: 1
}

.is-obscured-left {
    position: fixed;
    transform: translate(48vw);
    -webkit-transform: translateX(48vw);
    -moz-transform: translateX(48vw);
    -ms-transform: translateX(48vw);
    -o-transform: translateX(48vw)
}

.zindexadd.is-obscured-left {
    transform: translate(72vw);
    -webkit-transform: translateX(72vw);
    -moz-transform: translateX(72vw);
    -ms-transform: translateX(72vw);
    -o-transform: translateX(72vw)
}

#out-wrapper {
    z-index: 1;
    position: relative;
    width: 100vw;
    height: auto;
    min-height: 100vh;
    max-height: 100vh;
    overflow-y: hidden;
    padding-bottom: 0;
    background: var(--bgColor01)
}

#out-wrapper.fixed {
    position: fixed;
    padding-bottom: 0;
    max-height: 100vh;
    -webkit-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    -o-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    -moz-transition: all .05s cubic-bezier(.35,.38,.07,.83);
    transition: all .05s cubic-bezier(.35,.38,.07,.83)
}

.out-wrapper-minigame {
    padding-bottom: 0!important
}

.slide-content-left ul.main-menu li {
    width: 43.6vw;
    height: 11vw;
    margin: 1vw auto;
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: cover;
    background-size: cover;
    /*background-image: url(../Shared/images/LeftMenu/left-menu-bg.png);*/
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.slide-content-left ul.main-other-menu li {
    width: 43.6vw;
    height: 10vw;
    border-bottom: 1px solid var(--borderColor03)
}

.slide-content-left ul.main-other-menu li a {
    height: 10vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.slide-content-left ul.main-other-menu li a span {
    color: var(--txtColor14);
    font-size: 1.2rem;
    font-weight: 400;
    margin: 0 2vw 0 4vw
}

.slide-content-left ul.main-other-menu li a div {
    font-size: .72rem;
    color: var(--txtColor33);
    font-weight: 600
}

.slide-content-left ul.main-other-menu li a div span {
    font-size: .81rem;
    color: var(--txtColor20);
    margin: 0
}

.slide-content-left ul.main-other-menu li a .new-tag {
    position: absolute;
    right: 4vw;
    width: 8vw;
    height: 4.8vw;
    padding-bottom: .5vw;
    background: var(--btnColor06);
    color: var(--txtColor01);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0 2px 3px var(--bgColor07_op);
    font-size: .65rem;
    padding-right: .5vw
}

.slide-content-left ul.main-other-menu li a .new-tag:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -2vw;
    bottom: 0vw;
    border-style: solid;
    border-width: 2.4vw 2vw 2.4vw 0;
    border-color: transparent var(--btnColor06) transparent transparent
}

.slide-content-left ul.main-other-menu li.logout {
    width: 43.6vw;
    margin-top: 3.6vw;
    border: 0px;
    text-align: center;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slide-content-left ul.main-other-menu li.logout a {
    width: 43.6vw;
    height: 9.6vw;
    background: linear-gradient(45deg, #0066cc, #3399ff);
    color: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    font-size: .93rem
}

.slide-content-left ul.main-menu li a {
    width: 43.6vw;
    height: 11vw;
    padding: 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slide-content-left ul.main-menu li:first-child {
    margin-top: 15px;
}

.slide-content-left ul.main-menu li:last-child {
    margin-bottom: 15px;
}

.slide-content-left ul.main-menu li a .txt {
    text-align: left;
    font-size: .76rem;
    font-weight: 600;
    color: var(--txtColor33)
}

.slide-content-left ul.main-menu li.on {
    background: var(--bgColor07)
}

.slide-content-left ul.main-menu li.on a .txt {
    color: var(--txtColor01)
}

.slide-content-left ul.main-menu li a .icon {
    width: 12vw;
    height: auto;
    -o-background-size: contain;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    margin: 0 1vw 0 2vw
}

.slide-content-left ul.main-menu li a .icon img {
    width: 12vw;
    height: auto
}

.slide-content-left ul.main-menu li .sub-menu {
    position: absolute;
    top: 0;
    left: 48vw;
    width: 50vw;
    height: 100%;
    z-index: 999;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slide-content-left ul.main-menu li .sub-menu ul {
    width: 50vw;
    height: 100%;
    padding: 3vw 1vw;
    background-position: top right;
    background-repeat: repeat-y;
    background-image: url(../Shared/images/left-menu-shadow.png);
    background-color: var(--bgColor14);
    border-left: 1px solid var(--borderColor03)
}

.slide-content-left ul.main-menu li .sub-menu ul li {
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-bg.png);
    -o-background-size: contain;
    background-size: contain;
    float: left;
    width: 23vw;
    height: 28vw;
    margin-right: 1vw;
    margin-bottom: 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slide-content-left ul.main-menu li .sub-menu ul li:nth-child(2n) {
    margin-right: 0vw
}

.slide-content-left ul.main-menu li .sub-menu ul li a {
    width: 20vw;
    height: 28vw;
    padding: 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0 auto
}

.slide-content-left ul.main-menu li .sub-menu ul li.active {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-bg-active.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li.active a span {
    color: var(--txtColor01)
}

.slide-content-left ul.main-menu li .sub-menu ul li a span {
    height: 6vw;
    font-size: .65rem;
    margin: 1vw 0 0;
    color: var(--txtColor11);
    font-weight: 600;
    line-height: 1.25
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-logo {
    width: 20vw;
    height: 10vw;
    margin-top: 2vw;
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: contain;
    background-size: contain
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-minigame01 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-minigame01.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-minigame02 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-minigame02.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-minigame03 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-minigame03.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-minigame04 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-minigame04.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-lotus01 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-lotus01.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-lotus02 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-lotus02.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino01 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino01.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino02 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino02.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino03 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino03.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino04 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino04.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino05 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino05.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino06 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino06.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino07 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino07.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-casino08 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-casino08.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot01 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot01.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot02 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot02.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot03 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot03.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot04 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot04.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot05 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot05.png)
}

.slide-content-left ul.main-menu li .sub-menu ul li a .sub-slot06 {
    background-image: url(../Shared/images/LeftMenu/submenu/submenu-slot06.png)
}

.slide-content-left .select-box {
    margin-top: 2vw;
    margin-bottom: 4vw
}

.slide-content-left .select-box select {
    width: 42vw;
    background-position: 36.5vw
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .slide-content-left ul.main-other-menu li a .new-tag,.slide-content-left ul.main-other-menu li a div span,.slide-content-left ul.main-other-menu li.logout a,.slide-content-left ul.main-other-menu li a div,.account-box,.slide-content-left ul.main-menu li .sub-menu ul li a span,.slide-content-right ul li a,.slide-content-left ul.main-menu li a .txt {
        font-size:1.4rem
    }

    .slide-content-right button {
        font-size: 1.5rem;
        height: 8vw
    }

    .slide-content-left ul.main-menu li a {
        height: 11vw
    }

    .slide-content-left ul.main-menu li a .icon {
        height: 8vw
    }

    .slide-content-right ul li a.icon {
        height: 4vw
    }

    .slide-content-left ul.main-other-menu li a span {
        font-size: 2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .slide-content-left ul.main-other-menu li a .new-tag {
        font-size:1.8rem
    }

    .slide-content-left ul.main-other-menu li a div span,.slide-content-left ul.main-other-menu li.logout a,.slide-content-left ul.main-other-menu li a div,.account-box,.slide-content-left ul.main-menu li .sub-menu ul li a span,.slide-content-right ul li a,.slide-content-left ul.main-menu li a .txt {
        font-size: 2rem
    }

    .slide-content-right button {
        font-size: 1.8rem;
        height: 9vw
    }

    .slide-content-left ul.main-menu li a {
        height: 12vw
    }

    .slide-content-left ul.main-menu li a .icon {
        height: 8vw
    }

    .slide-content-right ul li a.icon {
        height: 5vw
    }

    .slide-content-left ul.main-other-menu li a span {
        font-size: 2.8rem
    }
}

header .wrapper {
    padding: 0;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 3.4vw
}

header .wrapper a.icon-amount {
    position: relative;
    right: 0;
    width: auto;
    min-width: 24vw;
    margin: 0 .5vw
}

header .wrapper a.refresh {
    width: 4vw;
    margin-left: 1.2vw
}

.aniLoad {
    -webkit-animation: rotateLoad 1s infinite;
    -moz-animation: rotateLoad 1s infinite;
    -o-animation: rotateLoad 1s infinite;
    animation: rotateLoad 1s infinite
}

@-webkit-keyframes rotateLoad {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-moz-keyframes rotateLoad {
    0% {
        -moz-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -moz-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-o-keyframes rotateLoad {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotateLoad {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.point-list {
    width: 48vw;
    padding: 2vw 3vw;
    background: #fff;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12pt;
    color: #000;
    text-align: center;
    box-shadow: 0 2px 2px var(--bgColor07_op);
    z-index: 1999;
}

.point-list .p-amount {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.point-list .p-amount span {
    font-weight: 700
}

.point-list .p-amount span.icon-p-point {
    width: 5vw;
    height: 5vw;
    background-repeat: no-repeat;
    -o-background-size: 100%;
    background-size: 100%;
    background-position: left center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAABBBAMAAAB82dR2AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURUdwTP7BM/+8G/+zG/+0G/6qGf+1FP/AE////v+kB+yfCvnHXv/y1/7lsv7XgOeswgwAAAAFdFJOUwD6fLk0YuiAAgAABCRJREFUSMetls9vG0UUx0sSiSsU1YlbiAoUuAJtmmsEolxpw6y04cehZWa1SUEKoB1CSqUcEE/yrqUc1tLKJCfMwfyQOLQ4oYnEIWGlmN5anDbpjWKr4n/g+2Z2/aM1ByTeIU78Pvt9b7/zZiZHjvzP8dwrGrH46ql/yY+YvGVmhgGvjeteHJ0ZDixuHzSbzXs/AfnkEWQEwGSLbNzEH0cfAsamtd7iZLOZ4mf0s9ZnBolntb5BFHKBxckD/Abk5EANrZ+x4hzeZEpRQX/cT7ykl4n2um+illMqe/rlAYk23cwEgiDQwUJKf+in+iW+oGjc5rWnPc8L8EXQ6wQSLforAzQkgKg2/eZ1O3kTEmXkA1uDw1MLFCmd2zaNLq4zYB+3zFKDbntP5EWuUskz9e3znvKUCqp4nYt5kc/oftZlrgBuqU2FrMy0bkXcYBBUlK8qSrGECtQa7XrGkjG49ZXmEotPchR8rhEAS8vqUyZG9RW6zy6phlnY8J4PAYTfCNUlJh7XjZCLeEuNfPGVjQ+po2aMoa2Sxy36OUG3LVGlXcW2Ti/DPXbx8y5RrlgkLVXgyNj4VW4DMQ/i7i/bmA4qGsBvR5UP2K8rdN34zBqb9Xods9ixxESoLjIxEVqL5jPie6Id5KVSX1PxEr9sI/ICNtoQtW/rP4KoAJBqnTogHgvaZWVWwhCOnP+OaKXiMLJA+xJ2BHhZ9jCwhJK5huOcp1vKECtmLa2GkvM/MOE4jKAhtjRdMUWyKubjjuMg7zjpjmOIX60/hkiSKrbUppAcTrorQHhM5Bp3t7dhR1i3hLREkJo+lJrruv5lzTEhaEdknXar2PU/XoOGI4STEyVLdDXu1A0g5Srti8yxLhGG4eG1eh2Po4aoGmI0aESclzJfFwCcFo6A67NYuQAraNZpLidqQkijsUZFQ1ymgpQ9jVoNTwsJEay+ewETpD7icYDHRgPPczAg3EYUv40pPLtAu2yyNARnuAA34rZK8VsgXuRxlLmGsEmjsUo7MU/yOb8dIi8yDSkNwrFGHcG7YVRdpg1utV/DtkHurNmVvC8qjsiq5Hkh4rRsGkWrKo1idDe3dXi4KXqxjjbsYXfOn6AO+hDWLNErsiHs6TCCmS7FUJ8bIFapHM9mp1TBb1ER39Vq/RJP075xg+MN/12ISNEf7moauiI/6UZUnNJGPEAkDfR5oXvivuC/R5E7ALxPkOgd26MibtFe0lcDA3+r2yfHlLuOOXezQm5SbVE56ZNAJ8LF7bFXTGLOJ++0KNwYkEAnIsENFD04liTxib8xr51YnBy8xaZEfIM3QvOgyR9/JuKbh29C4cZbabYdfr+WiNlHbtPX8Yrntw5Sah4+cAEMuXAZwQsfQ6vxUAB38hRmIklcWDf8Vke7z08ZP06f+m//UPwDDFPsJ72FS34AAAAASUVORK5CYII=);
    margin-right: 4px
}

.point-list button {
    width: auto;
    padding: 6px;
    background: linear-gradient(45deg, #0066cc, #3399ff);
    color: var(--txtColor01);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    font-weight: 700;
    font-size: .72rem;
    box-shadow: 0 2px 2px var(--bgColor07_op);
    white-space: nowrap
}

:root {
    --spbgColor01: #a5a5a5;
    --spbgColor02: #2180ba;
    --spbgColor03: #0a598a;
    --spbgColor04: #8096c8;
    --spbgColor05: #ffe361;
    --spbgColor06: #ffffff;
    --spbgColor07: #f4f7fe;
    --spbgColor08: #f7f3ef;
    --spbgColor09: #f85959;
    --spbgColor11: #e4e4e4;
    --spbgColor12: #ececec;
    --spbgColor13: #000000;
    --spbgColor14: #0f996a;
    --spbgColor15: #cadce8;
    --sptxtColor01: #515b7c;
    --sptxtColor02: #356d92;
    --sptxtColor03: #dec1a6;
    --sptxtColor04: #ffffff;
    --sptxtColor05: #40455a;
    --sptxtColor06: #ff6d0c;
    --sptxtColor07: #ffca00;
    --sptxtColor08: #596079;
    --sptxtColor09: #a76c04;
    --sptxtColor10: #afbcdc;
    --sptxtColor11: #f85959;
    --sptxtColor12: #e93238;
    --sptxtColor13: #3b54a6;
    --sptxtColor14: #95a6bd;
    --spborderColor01: #ffffff;
    --spborderColor02: #dec1a6;
    --spborderColor03: #e5ded8;
    --spborderColor04: #f4e0d7;
    --spshadowColor01: 0px 7px 18px 0px rgba(43, 61, 120, .16);
    --spshadowColor02: 0px 7px 18px 0px rgba(21, 39, 99, .8);
    --sparrowColor01: #fe7e82;
    --sparrowColor02: #8e7054
}

@-webkit-keyframes fade {
    0% {
        opacity: 1
    }

    50% {
        opacity: .4
    }

    to {
        opacity: 1
    }
}

body {
    -webkit-tap-highlight-color: transparent
}

section#content.sporttotalheight {
    top: 10vw;
    height: calc(100vh - 10vw)
}

.wrapsport .wrapper {
    padding: 0
}

section#content {
    height: 100vh;
    -webkit-overflow-scrolling: touch
}

section#content.noScroll {
    overflow-y: hidden!important;
    overflow: hidden!important
}

a.details-title {
    font-size: 1.06rem;
    font-weight: 600;
    color: var(--sptxtColor04);
    width: 60vw;
    max-width: 60vw;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    text-align: center;
    overflow-x: hidden;
    white-space: nowrap
}

.odds-setting-panel {
    padding: 2vw;
    background: var(--spbgColor07)
}

.control-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.switch-content {
    width: 88vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.switch-content p.icon-quick-betrule {
    color: var(--sptxtColor14);
    font-size: 1.28rem;
    margin: 0 1vw
}

a.icon-setting {
    width: 6vw;
    color: var(--sptxtColor14);
    font-size: 1.4rem
}

.toggle {
    width: auto;
    min-width: auto;
    height: 30px;
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-switch {
    display: inline-block;
    background: var(--spbgColor01);
    border-radius: 16px;
    width: 48px;
    height: 26px;
    position: relative;
    vertical-align: middle
}

.toggle-switch:before,.toggle-switch:after {
    content: ""
}

.toggle-switch:before {
    display: block;
    background: var(--spbgColor06);
    border-radius: 50%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    left: 4px
}

.toggle-checkbox:checked+.toggle-switch {
    background: var(--spbgColor02)
}

.toggle-checkbox:checked+.toggle-switch:before {
    left: 24px
}

.toggle-checkbox {
    position: absolute;
    visibility: hidden
}

.toggle-label {
    position: relative;
    font-size: .68rem;
    line-height: 1.2;
    margin-left: 4px;
    color: var(--sptxtColor01);
    white-space: nowrap;
    letter-spacing: -1px
}

.stick-on {
    width: auto;
    width: -webkit-fill-available;
    margin-left: 2px
}

.stick-on .on,.stick-on .edit {
    padding: 2px;
    height: 30px;
    background: var(--spbgColor06);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.stick-on .on>p {
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor09);
    font-weight: 700
}

.stick-on .on>span.icon-edit {
    font-size: 1.25rem;
    color: var(--sptxtColor14)
}

.stick-on .edit input {
    width: 34vw;
    border: 0px;
    height: 30px;
    font-size: 1rem;
    padding-left: 6px;
    color: var(--sptxtColor02);
    font-weight: 700
}

.stick-on .edit input::-webkit-input-placeholder {
    font-size: 1rem;
    color: var(--sptxtColor02)
}

.stick-on .edit button {
    width: 14vw;
    height: 26px;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    background: var(--spbgColor08);
    color: var(--sptxtColor05);
    font-size: .81rem;
    position: absolute;
    right: 0
}

.alarm {
    width: 100%;
    margin-top: 3px;
    color: var(--sptxtColor06)
}

.alarm>span.icon-alarm {
    color: var(--sptxtColor06)!important
}

.odds-change-panel {
    position: absolute;
    z-index: 100;
    border-top: 1px solid var(--borderColor06);
    background: rgb(236,241,253);
    background: -webkit-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: -moz-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: -o-linear-gradient(315deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%);
    background: linear-gradient(135deg,rgb(236,241,253) 0%,rgb(255,255,255) 18%,rgb(239,243,254) 38%,rgb(239,243,254) 100%)
}

.odds-change-panel .head {
    font-size: .86rem;
    padding: 4px 3vw;
    background: var(--spbgColor03);
    color: var(--sptxtColor04);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.odds-change-panel .head span.icon-close {
    width: 20px;
    height: 20px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--spborderColor01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    font-size: .72rem
}

.odds-change-panel .head span.icon-close:before {
    transform: scale(.72);
    -webkit-transform: scale(.72);
    -moz-transform: scale(.72);
    -ms-transform: scale(.72);
    -o-transform: scale(.72)
}

.odds-change-panel .container {
    padding: 4px 3vw;
    color: var(--sptxtColor05)
}

.radio {
    margin: 2vw 0;
    font-size: .86rem
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.radio input[type=radio]+.radio-label {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.radio input[type=radio]+.radio-label:before {
    content: "";
    background: var(--spbgColor06);
    border-radius: 100%;
    border: 1px solid var(--spborderColor02);
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 5px;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    text-align: center
}

.radio input[type=radio]:checked+.radio-label:before {
    background-color: var(--spbgColor02);
    box-shadow: inset 0 0 0 2px var(--spbgColor06)
}

.radio input[type=radio]:focus+.radio-label:before {
    outline: none;
    border-color: var(--spborderColor02)
}

.radio input[type=radio]:disabled+.radio-label:before {
    box-shadow: inset 0 0 0 2px var(--spbgColor06)
}

.radio input[type=radio]+.radio-label:empty:before {
    margin-right: 0
}

ul.tab-type {
    z-index: 10;
    padding-bottom: 10px
}

ul.tab-type li,ul.tab-type li a {
    width: 20vw;
    min-width: 20vw;
    height: 15vw;
    border-top: 0px;
    position: relative
}

ul.tab-type li a {
    position: relative;
    padding: 1vw
}

ul.tab-type li a span.g-amount {
    position: absolute;
    right: 2px;
    top: 0;
    font-size: .65rem;
    color: var(--sptxtColor01);
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8)
}

ul.tab-type li.active a {
    border-top: 0px;
    color: var(--sptxtColor04);
    background: linear-gradient(to bottom, #97bbf9 1%, #4385f8 100%);
}

ul.tab-type li.active a span.g-amount {
    color: var(--sptxtColor04)
}

ul.tab-type li a .tab-logo {
    width: 7vw;
    height: 9vw;
    margin-bottom: 0vw;
    -o-background-size: 100%;
    background-size: 100%;
}

.no-webp .sp-tab-default,.no-webp ul.tab-type li a .sp-tab-default {
    background-image: url(/assets/sp-tab-default.png)
}

.webp .sp-tab-default,.webp ul.tab-type li a .sp-tab-default {
    background-image: url(/assets/sp-tab-default.webp)
}

.no-webp ul.tab-type li a .tab-logo.sp-tab-favorite {
    background-image: url(/assets/sp-tab-favorite.png)
}

.webp ul.tab-type li a .tab-logo.sp-tab-favorite {
    background-image: url(/assets/sp-tab-favorite.webp)
}

.no-webp ul.tab-type li a .tab-logo.sp-tab-all {
    background-image: url(/assets/sp-tab-all.png)
}

.webp ul.tab-type li a .tab-logo.sp-tab-all {
    background-image: url(/assets/sp-tab-all.webp)
}

.no-webp .sp-tab-league,.no-webp ul.tab-type li a .tab-logo.sp-tab-league {
    background-image: url(/assets/sp-tab-league.png)
}

.webp .sp-tab-league,.webp ul.tab-type li a .tab-logo.sp-tab-league {
    background-image: url(/assets/sp-tab-league.webp)
}

.no-webp .sp-tab-worldcup,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(/assets/sp-tab-worldcup.png)
}

.webp .sp-tab-worldcup,.webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(/assets/sp-tab-worldcup.webp)
}

.no-webp .sp-tab-soccer,.no-webp ul.tab-type li a .tab-logo.sp-tab-soccer {
    background-image: url(/assets/sp-tab-soccer.png)
}

.webp .sp-tab-soccer,.webp ul.tab-type li a .tab-logo.sp-tab-soccer {
    background-image: url(/assets/sp-tab-soccer.webp)
}

.no-webp .sp-tab-basketball,.no-webp ul.tab-type li a .tab-logo.sp-tab-basketball {
    background-image: url(/assets/sp-tab-basketball.png)
}

.webp .sp-tab-basketball,.webp ul.tab-type li a .tab-logo.sp-tab-basketball {
    background-image: url(/assets/sp-tab-basketball.webp)
}

.no-webp .sp-tab-baseball,.no-webp ul.tab-type li a .tab-logo.sp-tab-baseball {
    background-image: url(/assets/sp-tab-baseball.png)
}

.webp .sp-tab-baseball,.webp ul.tab-type li a .tab-logo.sp-tab-baseball {
    background-image: url(/assets/sp-tab-baseball.webp)
}

.no-webp .sp-tab-volleyball,.no-webp ul.tab-type li a .tab-logo.sp-tab-volleyball {
    background-image: url(/assets/sp-tab-volleyball.png)
}

.webp .sp-tab-volleyball,.webp ul.tab-type li a .tab-logo.sp-tab-volleyball {
    background-image: url(/assets/sp-tab-volleyball.webp?v1)
}

.no-webp .sp-tab-icehockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-icehockey {
    background-image: url(/assets/sp-tab-icehockey.png)
}

.webp .sp-tab-icehockey,.webp ul.tab-type li a .tab-logo.sp-tab-icehockey {
    background-image: url(/assets/sp-tab-icehockey.webp?v1)
}

.no-webp .sp-tab-tennis,.no-webp ul.tab-type li a .tab-logo.sp-tab-tennis {
    background-image: url(/assets/sp-tab-tennis.png)
}

.webp .sp-tab-tennis,.webp ul.tab-type li a .tab-logo.sp-tab-tennis {
    background-image: url(/assets/sp-tab-tennis.webp)
}

.no-webp .sp-tab-australianfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-australianfootball {
    background-image: url(../assets/sp-tab-australianfootball.e4fc2485.png)
}

.webp .sp-tab-australianfootball,.webp ul.tab-type li a .tab-logo.sp-tab-australianfootball {
    background-image: url(../assets/sp-tab-australianfootball.ea84a346.webp)
}

.no-webp .sp-tab-biathlon,.no-webp ul.tab-type li a .tab-logo.sp-tab-biathlon {
    background-image: url(../assets/sp-tab-biathlon.9e03cf59.png)
}

.webp .sp-tab-biathlon,.webp ul.tab-type li a .tab-logo.sp-tab-biathlon {
    background-image: url(../assets/sp-tab-biathlon.f9f31a33.webp)
}

.no-webp .sp-tab-americanfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-americanfootball {
    background-image: url(../assets/sp-tab-americanfootball.46b230a7.png)
}

.webp .sp-tab-americanfootball,.webp ul.tab-type li a .tab-logo.sp-tab-americanfootball {
    background-image: url(../assets/sp-tab-americanfootball.3c3597a7.webp)
}

.no-webp .sp-tab-beachfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-beachfootball {
    background-image: url(../assets/sp-tab-beachfootball.d958a570.png)
}

.webp .sp-tab-beachfootball,.webp ul.tab-type li a .tab-logo.sp-tab-beachfootball {
    background-image: url(/assets/sp-tab-beachfootball.webp)
}

.no-webp .sp-tab-beachvolleyball,.no-webp ul.tab-type li a .tab-logo.sp-tab-beachvolleyball {
    background-image: url(/assets/sp-tab-beachvolleyball.png)
}

.webp .sp-tab-beachvolleyball,.webp ul.tab-type li a .tab-logo.sp-tab-beachvolleyball {
    background-image: url(/assets/sp-tab-beachvolleyball.webp)
}

.no-webp .sp-tab-bowls,.no-webp ul.tab-type li a .tab-logo.sp-tab-bowls {
    background-image: url(../assets/sp-tab-bowls.bb3a36e1.png)
}

.webp .sp-tab-bowls,.webp ul.tab-type li a .tab-logo.sp-tab-bowls {
    background-image: url(../assets/sp-tab-bowls.9dea81fb.webp)
}

.no-webp .sp-tab-boxing,.no-webp ul.tab-type li a .tab-logo.sp-tab-boxing {
    background-image: url(../assets/sp-tab-boxing.240b04db.png)
}

.webp .sp-tab-boxing,.webp ul.tab-type li a .tab-logo.sp-tab-boxing {
    background-image: url(../assets/sp-tab-boxing.d822cd33.webp)
}

.no-webp .sp-tab-chess,.no-webp ul.tab-type li a .tab-logo.sp-tab-chess {
    background-image: url(../assets/sp-tab-chess.b31cba22.png)
}

.webp .sp-tab-chess,.webp ul.tab-type li a .tab-logo.sp-tab-chess {
    background-image: url(../assets/sp-tab-chess.da6065fe.webp)
}

.no-webp .sp-tab-cricket,.no-webp ul.tab-type li a .tab-logo.sp-tab-cricket {
    background-image: url(../assets/sp-tab-cricket.fca83d09.png)
}

.webp .sp-tab-cricket,.webp ul.tab-type li a .tab-logo.sp-tab-cricket {
    background-image: url(../assets/sp-tab-cricket.9984c600.webp)
}

.no-webp .sp-tab-darts,.no-webp ul.tab-type li a .tab-logo.sp-tab-darts {
    background-image: url(../assets/sp-tab-darts.242989fa.png)
}

.webp .sp-tab-darts,.webp ul.tab-type li a .tab-logo.sp-tab-darts {
    background-image: url(../assets/sp-tab-darts.a6fdc0ea.webp)
}

.no-webp .sp-tab-cycling,.no-webp ul.tab-type li a .tab-logo.sp-tab-cycling {
    background-image: url(../assets/sp-tab-cycling.db79e32e.png)
}

.webp .sp-tab-cycling,.webp ul.tab-type li a .tab-logo.sp-tab-cycling {
    background-image: url(../assets/sp-tab-cycling.762e6de7.webp)
}

.no-webp .sp-tab-formula1,.no-webp ul.tab-type li a .tab-logo.sp-tab-formula1 {
    background-image: url(../assets/sp-tab-formula1.c4b89876.png)
}

.webp .sp-tab-formula1,.webp ul.tab-type li a .tab-logo.sp-tab-formula1 {
    background-image: url(../assets/sp-tab-formula1.c23cd99b.webp)
}

.no-webp .sp-tab-golf,.no-webp ul.tab-type li a .tab-logo.sp-tab-golf {
    background-image: url(../assets/sp-tab-golf.98fded36.png)
}

.webp .sp-tab-golf,.webp ul.tab-type li a .tab-logo.sp-tab-golf {
    background-image: url(../assets/sp-tab-golf.c4073943.webp)
}

.no-webp .sp-tab-handball,.no-webp ul.tab-type li a .tab-logo.sp-tab-handball {
    background-image: url(../assets/sp-tab-handball.4d3c96e4.png)
}

.webp .sp-tab-handball,.webp ul.tab-type li a .tab-logo.sp-tab-handball {
    background-image: url(../assets/sp-tab-handball.ea24fbb7.webp)
}

.no-webp .sp-tab-hockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-hockey {
    background-image: url(../assets/sp-tab-hockey.1fc83c16.png)
}

.webp .sp-tab-hockey,.webp ul.tab-type li a .tab-logo.sp-tab-hockey {
    background-image: url(../assets/sp-tab-hockey.643548a0.webp)
}

.no-webp .sp-tab-pool,.no-webp ul.tab-type li a .tab-logo.sp-tab-pool {
    background-image: url(../assets/sp-tab-pool.cdaaa0b9.png)
}

.webp .sp-tab-pool,.webp ul.tab-type li a .tab-logo.sp-tab-pool {
    background-image: url(../assets/sp-tab-pool.7074bfe6.webp)
}

.no-webp .sp-tab-motorsport,.no-webp ul.tab-type li a .tab-logo.sp-tab-motorsport {
    background-image: url(../assets/sp-tab-motorsport.1ddd785c.png)
}

.webp .sp-tab-motorsport,.webp ul.tab-type li a .tab-logo.sp-tab-motorsport {
    background-image: url(../assets/sp-tab-motorsport.c056c4d6.webp)
}

.no-webp .sp-tab-nascar,.no-webp ul.tab-type li a .tab-logo.sp-tab-nascar {
    background-image: url(../assets/sp-tab-nascar.ef5716ba.png)
}

.webp .sp-tab-nascar,.webp ul.tab-type li a .tab-logo.sp-tab-nascar {
    background-image: url(../assets/sp-tab-nascar.c82c7b48.webp)
}

.no-webp .sp-tab-rally,.no-webp ul.tab-type li a .tab-logo.sp-tab-rally {
    background-image: url(../assets/sp-tab-rally.7ca9c8f7.png)
}

.webp .sp-tab-rally,.webp ul.tab-type li a .tab-logo.sp-tab-rally {
    background-image: url(../assets/sp-tab-rally.ec7d2e11.webp)
}

.no-webp .sp-tab-rallyugbyleague,.no-webp ul.tab-type li a .tab-logo.sp-tab-rallyugbyleague {
    background-image: url(../assets/sp-tab-rallyugbyleague.a8f473bd.png)
}

.webp .sp-tab-rallyugbyleague,.webp ul.tab-type li a .tab-logo.sp-tab-rallyugbyleague {
    background-image: url(../assets/sp-tab-rallyugbyleague.8313c9e6.webp)
}

.no-webp .sp-tab-rugbyunion,.no-webp ul.tab-type li a .tab-logo.sp-tab-rugbyunion {
    background-image: url(../assets/sp-tab-rugbyunion.6d10c6da.png)
}

.webp .sp-tab-rugbyunion,.webp ul.tab-type li a .tab-logo.sp-tab-rugbyunion {
    background-image: url(../assets/sp-tab-rugbyunion.6c131715.webp)
}

.no-webp .sp-tab-floorball,.no-webp ul.tab-type li a .tab-logo.sp-tab-floorball {
    background-image: url(../assets/sp-tab-floorball.0f73f032.png)
}

.webp .sp-tab-floorball,.webp ul.tab-type li a .tab-logo.sp-tab-floorball {
    background-image: url(../assets/sp-tab-floorball.ec4fc0ac.webp)
}

.no-webp .sp-tab-gaelicfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-gaelicfootball {
    background-image: url(../assets/sp-tab-gaelicfootball.60399619.png)
}

.webp .sp-tab-gaelicfootball,.webp ul.tab-type li a .tab-logo.sp-tab-gaelicfootball {
    background-image: url(../assets/sp-tab-gaelicfootball.7a1f766d.webp)
}

.no-webp .sp-tab-hurling,.no-webp ul.tab-type li a .tab-logo.sp-tab-hurling {
    background-image: url(../assets/sp-tab-hurling.c855d4fa.png)
}

.webp .sp-tab-hurling,.webp ul.tab-type li a .tab-logo.sp-tab-hurling {
    background-image: url(../assets/sp-tab-hurling.d63be653.webp)
}

.no-webp .sp-tab-surfing,.no-webp ul.tab-type li a .tab-logo.sp-tab-surfing {
    background-image: url(../assets/sp-tab-surfing.e4faddb0.png)
}

.webp .sp-tab-surfing,.webp ul.tab-type li a .tab-logo.sp-tab-surfing {
    background-image: url(../assets/sp-tab-surfing.546901ff.webp)
}

.no-webp .sp-tab-speedway,.no-webp ul.tab-type li a .tab-logo.sp-tab-speedway {
    background-image: url(../assets/sp-tab-speedway.26138108.png)
}

.webp .sp-tab-speedway,.webp ul.tab-type li a .tab-logo.sp-tab-speedway {
    background-image: url(../assets/sp-tab-speedway.f7e4cbe7.webp)
}

.no-webp .sp-tab-squash,.no-webp ul.tab-type li a .tab-logo.sp-tab-squash {
    background-image: url(../assets/sp-tab-squash.492af4d3.png)
}

.webp .sp-tab-squash,.webp ul.tab-type li a .tab-logo.sp-tab-squash {
    background-image: url(../assets/sp-tab-squash.d6e0cf10.webp)
}

.no-webp .sp-tab-politics,.no-webp ul.tab-type li a .tab-logo.sp-tab-politics {
    background-image: url(../assets/sp-tab-politics.00169156.png)
}

.webp .sp-tab-politics,.webp ul.tab-type li a .tab-logo.sp-tab-politics {
    background-image: url(../assets/sp-tab-politics.aae6ba38.webp)
}

.no-webp .sp-tab-specialbets,.no-webp ul.tab-type li a .tab-logo.sp-tab-specialbets {
    background-image: url(../assets/sp-tab-specialbets.1cf9de01.png)
}

.webp .sp-tab-specialbets,.webp ul.tab-type li a .tab-logo.sp-tab-specialbets {
    background-image: url(../assets/sp-tab-specialbets.151e9a95.webp)
}

.no-webp .sp-tab-oscar,.no-webp ul.tab-type li a .tab-logo.sp-tab-oscar {
    background-image: url(../assets/sp-tab-oscar.115c47f6.png)
}

.webp .sp-tab-oscar,.webp ul.tab-type li a .tab-logo.sp-tab-oscar {
    background-image: url(../assets/sp-tab-oscar.2b078703.webp)
}

.no-webp .sp-tab-rugbysevens,.no-webp ul.tab-type li a .tab-logo.sp-tab-rugbysevens {
    background-image: url(../assets/sp-tab-rugbysevens.94c818af.png)
}

.webp .sp-tab-rugbysevens,.webp ul.tab-type li a .tab-logo.sp-tab-rugbysevens {
    background-image: url(../assets/sp-tab-rugbysevens.55efc603.webp)
}

.no-webp .sp-tab-autoracing,.no-webp ul.tab-type li a .tab-logo.sp-tab-autoracing {
    background-image: url(../assets/sp-tab-autoracing.ac3458e2.png)
}

.webp .sp-tab-autoracing,.webp ul.tab-type li a .tab-logo.sp-tab-autoracing {
    background-image: url(../assets/sp-tab-autoracing.5afd3f62.webp)
}

.no-webp .sp-tab-alpineskiing,.no-webp ul.tab-type li a .tab-logo.sp-tab-alpineskiing {
    background-image: url(../assets/sp-tab-alpineskiing.24b45422.png)
}

.webp .sp-tab-alpineskiing,.webp ul.tab-type li a .tab-logo.sp-tab-alpineskiing {
    background-image: url(../assets/sp-tab-alpineskiing.4d0d37bd.webp)
}

.no-webp .sp-tab-pesapallo,.no-webp ul.tab-type li a .tab-logo.sp-tab-pesapallo {
    background-image: url(../assets/sp-tab-pesapallo.7d735948.png)
}

.webp .sp-tab-pesapallo,.webp ul.tab-type li a .tab-logo.sp-tab-pesapallo {
    background-image: url(../assets/sp-tab-pesapallo.426059cc.webp)
}

.no-webp .sp-tab-skijumping,.no-webp ul.tab-type li a .tab-logo.sp-tab-skijumping {
    background-image: url(../assets/sp-tab-skijumping.58322a21.png)
}

.webp .sp-tab-skijumping,.webp ul.tab-type li a .tab-logo.sp-tab-skijumping {
    background-image: url(../assets/sp-tab-skijumping.1bf440f1.webp)
}

.no-webp .sp-tab-netball,.no-webp ul.tab-type li a .tab-logo.sp-tab-netball {
    background-image: url(../assets/sp-tab-netball.b0ccb076.png)
}

.webp .sp-tab-netball,.webp ul.tab-type li a .tab-logo.sp-tab-netball {
    background-image: url(../assets/sp-tab-netball.d87f28cf.webp)
}

.no-webp .sp-tab-lacross,.no-webp ul.tab-type li a .tab-logo.sp-tab-lacross {
    background-image: url(../assets/sp-tab-lacross.0fd71e0b.png)
}

.webp .sp-tab-lacross,.webp ul.tab-type li a .tab-logo.sp-tab-lacross {
    background-image: url(../assets/sp-tab-lacross.d6198de7.webp)
}

.no-webp .sp-tab-freestylewrestling,.no-webp ul.tab-type li a .tab-logo.sp-tab-freestylewrestling {
    background-image: url(../assets/sp-tab-freestylewrestling.c6fb31d5.png)
}

.webp .sp-tab-freestylewrestling,.webp ul.tab-type li a .tab-logo.sp-tab-freestylewrestling {
    background-image: url(../assets/sp-tab-freestylewrestling.653f5de8.webp)
}

.no-webp .sp-tab-rinkhockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-rinkhockey {
    background-image: url(../assets/sp-tab-rinkhockey.07008bb7.png)
}

.webp .sp-tab-rinkhockey,.webp ul.tab-type li a .tab-logo.sp-tab-rinkhockey {
    background-image: url(../assets/sp-tab-rinkhockey.0d6f363e.webp)
}

.no-webp .sp-tab-archeryh2h,.no-webp ul.tab-type li a .tab-logo.sp-tab-archeryh2h {
    background-image: url(../assets/sp-tab-archeryh2h.d04405af.png)
}

.webp .sp-tab-archeryh2h,.webp ul.tab-type li a .tab-logo.sp-tab-archeryh2h {
    background-image: url(../assets/sp-tab-archeryh2h.9207c079.webp)
}

.no-webp .sp-tab-tvshowsandmovies,.no-webp ul.tab-type li a .tab-logo.sp-tab-tvshowsandmovies {
    background-image: url(../assets/sp-tab-tvshowsandmovies.18c18df6.png)
}

.webp .sp-tab-tvshowsandmovies,.webp ul.tab-type li a .tab-logo.sp-tab-tvshowsandmovies {
    background-image: url(../assets/sp-tab-tvshowsandmovies.0365744f.webp)
}

.no-webp .sp-tab-horseracingspecials,.no-webp ul.tab-type li a .tab-logo.sp-tab-horseracingspecials {
    background-image: url(../assets/sp-tab-horseracingspecials.490ecda9.png)
}

.webp .sp-tab-horseracingspecials,.webp ul.tab-type li a .tab-logo.sp-tab-horseracingspecials {
    background-image: url(../assets/sp-tab-horseracingspecials.99395434.webp)
}

.no-webp .sp-tab-futurehorseracing,.no-webp ul.tab-type li a .tab-logo.sp-tab-futurehorseracing {
    background-image: url(../assets/sp-tab-futurehorseracing.6feb488e.png)
}

.webp .sp-tab-futurehorseracing,.webp ul.tab-type li a .tab-logo.sp-tab-futurehorseracing {
    background-image: url(../assets/sp-tab-futurehorseracing.d26b7dc1.webp)
}

.no-webp .sp-tab-3x3basketball,.no-webp ul.tab-type li a .tab-logo.sp-tab-3x3basketball {
    background-image: url(../assets/sp-tab-3x3basketball.97c2397d.png)
}

.webp .sp-tab-3x3basketball,.webp ul.tab-type li a .tab-logo.sp-tab-3x3basketball {
    background-image: url(../assets/sp-tab-3x3basketball.1433b227.webp)
}

.no-webp .sp-tab-basketballshots,.no-webp ul.tab-type li a .tab-logo.sp-tab-basketballshots {
    background-image: url(../assets/sp-tab-basketballshots.f4da25f4.png)
}

.webp .sp-tab-basketballshots,.webp ul.tab-type li a .tab-logo.sp-tab-basketballshots {
    background-image: url(../assets/sp-tab-basketballshots.c5d6a53a.webp)
}

.no-webp .sp-tab-tabletennis,.no-webp ul.tab-type li a .tab-logo.sp-tab-tabletennis {
    background-image: url(../assets/sp-tab-tabletennis.75ac48c2.png)
}

.webp .sp-tab-tabletennis,.webp ul.tab-type li a .tab-logo.sp-tab-tabletennis {
    background-image: url(../assets/sp-tab-tabletennis.79e33aef.webp)
}

.no-webp .sp-tab-futsal,.no-webp ul.tab-type li a .tab-logo.sp-tab-futsal {
    background-image: url(../assets/sp-tab-futsal.2c984002.png)
}

.webp .sp-tab-futsal,.webp ul.tab-type li a .tab-logo.sp-tab-futsal {
    background-image: url(../assets/sp-tab-futsal.7c6a1960.webp)
}

.no-webp .sp-tab-archery,.no-webp ul.tab-type li a .tab-logo.sp-tab-archery {
    background-image: url(../assets/sp-tab-archery.06fe958c.png)
}

.webp .sp-tab-archery,.webp ul.tab-type li a .tab-logo.sp-tab-archery {
    background-image: url(../assets/sp-tab-archery.a394ebc4.webp)
}

.no-webp .sp-tab-teqball,.no-webp ul.tab-type li a .tab-logo.sp-tab-teqball {
    background-image: url(../assets/sp-tab-teqball.f7428105.png)
}

.webp .sp-tab-teqball,.webp ul.tab-type li a .tab-logo.sp-tab-teqball {
    background-image: url(../assets/sp-tab-teqball.4c33aa08.webp)
}

.no-webp .sp-tab-badminton,.no-webp ul.tab-type li a .tab-logo.sp-tab-badminton {
    background-image: url(../assets/sp-tab-badminton.a2d66397.png)
}

.webp .sp-tab-badminton,.webp ul.tab-type li a .tab-logo.sp-tab-badminton {
    background-image: url(../assets/sp-tab-badminton.62b5e720.webp)
}

.no-webp .sp-tab-waterpolo,.no-webp ul.tab-type li a .tab-logo.sp-tab-waterpolo {
    background-image: url(../assets/sp-tab-waterpolo.2e4dea09.png)
}

.webp .sp-tab-waterpolo,.webp ul.tab-type li a .tab-logo.sp-tab-waterpolo {
    background-image: url(../assets/sp-tab-waterpolo.f5f9967f.webp)
}

.no-webp .sp-tab-snooker,.no-webp ul.tab-type li a .tab-logo.sp-tab-snooker {
    background-image: url(../assets/sp-tab-snooker.3735315c.png)
}

.webp .sp-tab-snooker,.webp ul.tab-type li a .tab-logo.sp-tab-snooker {
    background-image: url(../assets/sp-tab-snooker.3ded77dc.webp)
}

.no-webp .sp-tab-esport,.no-webp ul.tab-type li a .tab-logo.sp-tab-esport {
    background-image: url(../assets/sp-tab-esport.77862d01.png)
}

.webp .sp-tab-esport,.webp ul.tab-type li a .tab-logo.sp-tab-esport {
    background-image: url(../assets/sp-tab-esport.e40162ad.webp)
}

.no-webp .sp-tab-callofduty,.no-webp ul.tab-type li a .tab-logo.sp-tab-callofduty {
    background-image: url(../assets/74_CallOfDuty.0405fafa.png)
}

.webp .sp-tab-callofduty,.webp ul.tab-type li a .tab-logo.sp-tab-callofduty {
    background-image: url(../assets/sp-tab-callofduty.28c9e303.webp)
}

.no-webp .sp-tab-counterstrikego,.no-webp ul.tab-type li a .tab-logo.sp-tab-counterstrikego {
    background-image: url(../assets/75_CounterStrikeGo.f9418ea3.png)
}

.webp .sp-tab-counterstrikego,.webp ul.tab-type li a .tab-logo.sp-tab-counterstrikego {
    background-image: url(../assets/sp-tab-counterstrikego.d0af96fd.webp)
}

.no-webp .sp-tab-dota2,.no-webp ul.tab-type li a .tab-logo.sp-tab-dota2 {
    background-image: url(../assets/76_Dota2.ad0b8524.png)
}

.webp .sp-tab-dota2,.webp ul.tab-type li a .tab-logo.sp-tab-dota2 {
    background-image: url(../assets/sp-tab-dota2.74026697.webp)
}

.no-webp .sp-tab-leagueoflegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegends {
    background-image: url(../assets/77_LeagueOfLegends.687e7182.png)
}

.webp .sp-tab-leagueoflegends,.webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegends {
    background-image: url(../assets/sp-tab-leagueoflegends.81e596f1.webp)
}

.no-webp .sp-tab-hearthstone,.no-webp ul.tab-type li a .tab-logo.sp-tab-hearthstone {
    background-image: url(../assets/78_HearthStone.2df95d68.png)
}

.webp .sp-tab-hearthstone,.webp ul.tab-type li a .tab-logo.sp-tab-hearthstone {
    background-image: url(../assets/sp-tab-hearthstone.eb43da7f.webp)
}

.no-webp .sp-tab-heroesofthestorm,.no-webp ul.tab-type li a .tab-logo.sp-tab-heroesofthestorm {
    background-image: url(../assets/79_HeroesOfTheStorm.c0677f98.png)
}

.webp .sp-tab-heroesofthestorm,.webp ul.tab-type li a .tab-logo.sp-tab-heroesofthestorm {
    background-image: url(../assets/sp-tab-heroesofthestorm.d023ab77.webp)
}

.no-webp .sp-tab-overwatch,.no-webp ul.tab-type li a .tab-logo.sp-tab-overwatch {
    background-image: url(../assets/80_Overwatch.025b6fca.png)
}

.webp .sp-tab-overwatch,.webp ul.tab-type li a .tab-logo.sp-tab-overwatch {
    background-image: url(../assets/sp-tab-overwatch.333a033d.webp)
}

.no-webp .sp-tab-smite,.no-webp ul.tab-type li a .tab-logo.sp-tab-smite {
    background-image: url(../assets/81_Smite.ce0462f7.png)
}

.webp .sp-tab-smite,.webp ul.tab-type li a .tab-logo.sp-tab-smite {
    background-image: url(../assets/sp-tab-smite.005bba41.webp)
}

.no-webp .sp-tab-starcraft,.no-webp ul.tab-type li a .tab-logo.sp-tab-starcraft {
    background-image: url(../assets/82_StarCraft.9e0b9521.png)
}

.webp .sp-tab-starcraft,.webp ul.tab-type li a .tab-logo.sp-tab-starcraft {
    background-image: url(../assets/sp-tab-starcraft.e03046ac.webp)
}

.no-webp .sp-tab-starcraft2,.no-webp ul.tab-type li a .tab-logo.sp-tab-starcraft2 {
    background-image: url(../assets/83_StarCraft2.26117931.png)
}

.webp .sp-tab-starcraft2,.webp ul.tab-type li a .tab-logo.sp-tab-starcraft2 {
    background-image: url(../assets/sp-tab-starcraft2.f220ff20.webp)
}

.no-webp .sp-tab-worldofwarcraft,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldofwarcraft {
    background-image: url(../assets/84_WorldOfWarcraft.60ee0804.png)
}

.webp .sp-tab-worldofwarcraft,.webp ul.tab-type li a .tab-logo.sp-tab-worldofwarcraft {
    background-image: url(../assets/sp-tab-worldofwarcraft.e8587fcd.webp)
}

.no-webp .sp-tab-worldoftanks,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldoftanks {
    background-image: url(../assets/85_WorldOfTanks.87dd4429.png)
}

.webp .sp-tab-worldoftanks,.webp ul.tab-type li a .tab-logo.sp-tab-worldoftanks {
    background-image: url(../assets/sp-tab-worldoftanks.a2463585.webp)
}

.no-webp .sp-tab-crossfire,.no-webp ul.tab-type li a .tab-logo.sp-tab-crossfire {
    background-image: url(../assets/140_CrossFire.066df1e0.png)
}

.webp .sp-tab-crossfire,.webp ul.tab-type li a .tab-logo.sp-tab-crossfire {
    background-image: url(../assets/sp-tab-crossfire.c31226d5.webp)
}

.no-webp .sp-tab-halo,.no-webp ul.tab-type li a .tab-logo.sp-tab-halo {
    background-image: url(../assets/141_Halo.940276a3.png)
}

.webp .sp-tab-halo,.webp ul.tab-type li a .tab-logo.sp-tab-halo {
    background-image: url(../assets/sp-tab-halo.b044b8a4.webp)
}

.no-webp .sp-tab-fifa,.no-webp ul.tab-type li a .tab-logo.sp-tab-fifa {
    background-image: url(../assets/142_FIFA.91f346aa.png)
}

.webp .sp-tab-fifa,.webp ul.tab-type li a .tab-logo.sp-tab-fifa {
    background-image: url(../assets/sp-tab-fifa.7dd16fd6.webp)
}

.no-webp .sp-tab-clashroyale,.no-webp ul.tab-type li a .tab-logo.sp-tab-clashroyale {
    background-image: url(../assets/146_ClashRoyale.fba25f43.png)
}

.webp .sp-tab-clashroyale,.webp ul.tab-type li a .tab-logo.sp-tab-clashroyale {
    background-image: url(../assets/sp-tab-clashroyale.b1ed2337.webp)
}

.no-webp .sp-tab-rocketleague,.no-webp ul.tab-type li a .tab-logo.sp-tab-rocketleague {
    background-image: url(../assets/157_RocketLeague.1a3e1700.png)
}

.webp .sp-tab-rocketleague,.webp ul.tab-type li a .tab-logo.sp-tab-rocketleague {
    background-image: url(../assets/sp-tab-rocketleague.dc9b630b.webp)
}

.no-webp .sp-tab-kingofglory,.no-webp ul.tab-type li a .tab-logo.sp-tab-kingofglory {
    background-image: url(../assets/158_KingOfGlory.fded3e2a.png)
}

.webp .sp-tab-kingofglory,.webp ul.tab-type li a .tab-logo.sp-tab-kingofglory {
    background-image: url(../assets/sp-tab-kingofglory.d9e19ceb.webp)
}

.no-webp .sp-tab-quake,.no-webp ul.tab-type li a .tab-logo.sp-tab-quake {
    background-image: url(../assets/163_Quake.2ee66e50.png)
}

.webp .sp-tab-quake,.webp ul.tab-type li a .tab-logo.sp-tab-quake {
    background-image: url(../assets/sp-tab-quake.2424a5b0.webp)
}

.no-webp .sp-tab-pubg,.no-webp ul.tab-type li a .tab-logo.sp-tab-pubg {
    background-image: url(../assets/164_PUBG.f8f9e00c.png)
}

.webp .sp-tab-pubg,.webp ul.tab-type li a .tab-logo.sp-tab-pubg {
    background-image: url(../assets/sp-tab-pubg.d7227b35.webp)
}

.no-webp .sp-tab-warcraftIII,.no-webp .sp-tab-warcraftiii,.no-webp ul.tab-type li a .tab-logo.sp-tab-warcraftIII {
    background-image: url(../assets/169_WarcraftIII.6c29f77b.png)
}

.webp .sp-tab-warcraftIII,.webp .sp-tab-warcraftiii,.webp ul.tab-type li a .tab-logo.sp-tab-warcraftIII {
    background-image: url(../assets/sp-tab-warcraftiii.ce10585b.webp)
}

.no-webp .sp-tab-rainbowsix,.no-webp ul.tab-type li a .tab-logo.sp-tab-rainbowsix {
    background-image: url(../assets/185_RainbowSix.08b541d8.png)
}

.webp .sp-tab-rainbowsix,.webp ul.tab-type li a .tab-logo.sp-tab-rainbowsix {
    background-image: url(../assets/sp-tab-rainbowsix.41dd13bf.webp)
}

.no-webp .sp-tab-arenaofvalor,.no-webp ul.tab-type li a .tab-logo.sp-tab-arenaofvalor {
    background-image: url(../assets/187_ArenaOfValor.a85e43ee.png)
}

.webp .sp-tab-arenaofvalor,.webp ul.tab-type li a .tab-logo.sp-tab-arenaofvalor {
    background-image: url(../assets/sp-tab-arenaofvalor.e16d9341.webp)
}

.no-webp .sp-tab-nba2k,.no-webp ul.tab-type li a .tab-logo.sp-tab-nba2k {
    background-image: url(../assets/189_NBA2K.5849b58f.png)
}

.webp .sp-tab-nba2k,.webp ul.tab-type li a .tab-logo.sp-tab-nba2k {
    background-image: url(../assets/sp-tab-nba2k.83b2af6f.webp)
}

.no-webp .sp-tab-valorant,.no-webp ul.tab-type li a .tab-logo.sp-tab-valorant {
    background-image: url(../assets/208_Valorant.f97c301c.png)
}

.webp .sp-tab-valorant,.webp ul.tab-type li a .tab-logo.sp-tab-valorant {
    background-image: url(../assets/sp-tab-valorant.70a8f978.webp)
}

.no-webp .sp-tab-mobilelegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-mobilelegends {
    background-image: url(../assets/215_MobileLegends.5a19d9f6.png)
}

.webp .sp-tab-mobilelegends,.webp ul.tab-type li a .tab-logo.sp-tab-mobilelegends {
    background-image: url(../assets/sp-tab-mobilelegends.7c4e3d78.webp)
}

.no-webp .sp-tab-leagueoflegendswildrift,.no-webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegendswildrift {
    background-image: url(../assets/240_LeagueOfLegendsWildRift.4c71a7f1.png)
}

.webp .sp-tab-leagueoflegendswildrift,.webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegendswildrift {
    background-image: url(../assets/sp-tab-leagueoflegendswildrift.4b4b873d.webp)
}

.no-webp .sp-tab-ageofempires,.no-webp ul.tab-type li a .tab-logo.sp-tab-ageofempires {
    background-image: url(../assets/260_AgeOfEmpires.31db826f.png)
}

.webp .sp-tab-ageofempires,.webp ul.tab-type li a .tab-logo.sp-tab-ageofempires {
    background-image: url(../assets/sp-tab-ageofempires.a6c407ff.webp)
}

.no-webp .sp-tab-apexlegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-apexlegends {
    background-image: url(../assets/261_ApexLegends.fd7ccfdb.png)
}

.webp .sp-tab-apexlegends,.webp ul.tab-type li a .tab-logo.sp-tab-apexlegends {
    background-image: url(../assets/sp-tab-apexlegends.ce5f3c8e.webp)
}

.no-webp .sp-tab-brawlstars,.no-webp ul.tab-type li a .tab-logo.sp-tab-brawlstars {
    background-image: url(../assets/262_BrawlStars.ecda6811.png)
}

.webp .sp-tab-brawlstars,.webp ul.tab-type li a .tab-logo.sp-tab-brawlstars {
    background-image: url(../assets/sp-tab-brawlstars.35b0f535.webp)
}

.no-webp .sp-tab-worldcup,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(../assets/sp-tab-worldcup.e7d7556a.png)
}

.webp .sp-tab-worldcup,.webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(../assets/sp-tab-worldcup.ccab9c42.webp)
}

ul.tab-total {
    padding: 1vw 2vw 2vw
}

ul.tab-total li,ul.tab-total li a {
    width: 21vw;
    min-width: 21vw;
    height: 8vw;
    color: var(--sptxtColor08);
    background: var(--spbgColor08);
    border: 0px;
    margin-right: 5px;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.tab-content-box.sport-box {
    margin-top: 2px;
    z-index: 9;
    background: none;
}

.tab-content-box.sport-box.sport-total {
    margin-top: 0
}

.head-league {
    font-size: .83rem;
    padding: 5px 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: var(--sptxtColor04);
    background: linear-gradient(45deg, #0066cc, #3399ff);
    box-shadow: inset 0 3px 4px var(--spshadowColor02)
}

.head-league p {
    padding-left: 1vw
}

.head-league select {
    width: 55vw;
    height: 7vw;
    font-size: .72rem;
    padding: 0 10px;
    border-radius: .5vw;
    -o-background-size: 3.6vw;
    background-size: 3.6vw;
    background-position: 50vw 2vw;
    line-height: initial;
    background-color: var(--spbgColor06);
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw
}

.sport-trigger {
    position: relative;
    font-size: .86rem;
    width: 100%;
    padding: 2.4vw 3vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: var(--sptxtColor05);
    font-weight: 700;
    box-shadow: 0 2px 5px #2b3d7826;
    border-bottom: 1px solid var(--spborderColor01)
}

.sport-trigger>p {
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 7vw;
    text-align: left
}
/* 0827 화살표 css */
/* .sport-trigger:before,.sport-trigger:after {
    content: "";
    position: absolute;
    right: 3vw;
    top: 50%;
    height: 2px;
    width: 10px;
    border-radius: 2px;
    background: var(--spbgColor02);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.sport-trigger:before {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 4.5vw
}

.sport-trigger:after {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
} */

/* .content-visible .sport-trigger:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.content-visible .sport-trigger:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
} */

.sport-trigger img {
    width: 16px;
    height: auto
}

.status-bar {
    padding: 1.4vw 2vw 1vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--spborderColor03);
    color: var(--sptxtColor05);
    font-size: .65rem;
    font-weight: 700
}

.status-bar p.time {
    transform: scale(.95);
    -webkit-transform: scale(.95);
    -moz-transform: scale(.95);
    -ms-transform: scale(.95);
    -o-transform: scale(.95)
}

a.favorite {
    position: absolute;
    right: 3.4vw;
    top: 2vw
}

a.favorite span.icon-star {
    color: var(--txtColor18);
    font-size: 1.28rem
}

a.favorite span.icon-star-o {
    color: var(--sptxtColor07);
    font-size: 1.28rem
}

.status-bar span.icon-star {
    color: var(--sptxtColor03);
    font-size: 1rem
}

.status-bar span.icon-star-o {
    color: var(--sptxtColor07);
    font-size: 1rem
}

.sport-group {
    margin-bottom: 0vw
}

.sport-group li,.sport-total li {
    position: relative
}

.sport-total .favorite {
    position: absolute;
    left: 3.4vw;
    top: 1.5vw;
    z-index: 100
}

.sport-total .sport-trigger {
    padding-left: 10vw
}

.sport-total .favorite span.icon-star {
    color: var(--sptxtColor04)
}

.sport-total .favorite span.icon-star-o {
    color: var(--sptxtColor07)
}

.fade {
    -webkit-animation: fade 1s infinite;
    -moz-animation: fade 1s infinite;
    -o-animation: fade 1s infinite;
    animation: fade 1s infinite
}

.up,ul.bet-panel li .odds-panel .arrow-type-box .up {
    color: var(--sparrowColor01)!important;
    font-weight: 700!important
}

.down,ul.bet-panel li .odds-panel .arrow-type-box .down {
    color: var(--sparrowColor02)!important;
    font-weight: 700!important
}

.one {
    color: var(--sptxtColor09)!important
}

.icon-type {
    position: absolute;
    width: auto;
    right: 6px;
    font-size: 1.36rem;
    color: var(--sptxtColor14);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.icon-type span {
    margin: 0 4px
}

.icon-type .on {
    color: var(--sptxtColor04)
}

header .icon-type {
    right: 10px
}

ul.bet-panel {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--spborderColor03)
}

ul.bet-panel li {
    position: relative;
    font-size: .72rem;
    padding: 1.4vw 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: var(--sptxtColor03);
    font-weight: 700
}

ul.bet-panel li.l-team {
    padding-left: 3vw;
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

ul.bet-panel li.c-team {
    text-align: center;
    padding: 1.4vw 1vw
}

.sport-eu ul.bet-panel li.c-team {
    padding: 1.4vw 1vw
}

ul.bet-panel li.c-team .bet-type {
    text-align: center;
    color: var(--sptxtColor03)
}

ul.bet-panel li.r-team {
    -webkit-flex: 4;
    -moz-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    padding-right: 3vw;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ul.bet-panel li.c-team:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1vw;
    height: 5vw;
    width: 1px;
    z-index: 100;
    background: var(--spborderColor03)
}

ul.bet-panel li.r-team:before {
    content: "";
    position: absolute;
    left: 0;
    top: 1vw;
    height: 5vw;
    width: 1px;
    z-index: 100;
    background: var(--spborderColor03)
}

ul.bet-panel li.on+li:before,ul.bet-panel li+li.on:before,ul.bet-panel li+li+li.on:before {
    display: none
}

ul.bet-panel li .odds-panel,ul.bet-panel a .all-bet {
    margin: 1.3vw 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sport-eu ul.bet-panel li .odds-panel {
    -webkit-flex: 2;
    -moz-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

ul.bet-panel a .all-bet {
    cursor: pointer
}

ul.bet-panel a .all-bet span {
    font-size: .72rem;
    color: var(--sptxtColor05);
    font-weight: 400
}

ul.bet-panel a .all-bet span.icon-arrow-right {
    font-size: .65rem;
    color: var(--sptxtColor02)
}

ul.bet-panel li .odds-panel,ul.bet-panel li .odds-panel .odd {
    font-family: Arial,sans-serif;
    color: var(--sptxtColor05);
    font-weight: 700
}

ul.bet-panel li.r-team .odds-panel {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ul.bet-panel li .odds-panel .arrow-type-box {
    position: relative;
    font-weight: 400;
    color: var(--sptxtColor03);
    margin: 0 1.2vw
}

ul.bet-panel li .odds-panel .arrow-type-box span.arrow {
    position: relative;
    width: 3vw;
    height: 3vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    background-position: center center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

ul.bet-panel li .odds-panel .arrow-type-box span.arrow.up {
    background-image: url(../assets/icon-arrow-odd-up.58fa02dd.svg)
}

ul.bet-panel li .odds-panel .arrow-type-box span.arrow.down {
    background-image: url(../assets/icon-arrow-odd-down.fcd46ecb.svg)
}

ul.bet-panel li.on .odds-panel .arrow-type-box {
    color: var(--sptxtColor05)
}

ul.bet-panel li .team-name {
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left;
    color: #0b0c0c;
    font-weight: 400;
    font-size: .68rem;
    line-height: 1;
    width: 20vw;
    font-weight: 600;
}

ul.bet-panel li.r-team .team-name {
    text-align: right;
    color: #090a0a;
    font-weight: 600;
}

.sport-FIFA {
    background-image: url(../assets/sport-FIFA.801ca1d6.svg)
}

.sport-bg-color {
    background: var(--spbgColor07)!important
}

.tab-content-box.sport-live {
    background: none
}

.sport-live-select {
    color: var(--sptxtColor04);
    background: var(--spbgColor02)
}

.sport-live-select p {
    width: auto;
    min-width: 10vw;
    text-align: center;
    padding-left: 0
}

.sport-live-select select {
    width: 40vw;
    height: 6vw;
    font-size: .68rem;
    background-position: 35vw 1vw;
    padding: 0 6px
}

.sport-live-select select:last-child {
    width: 25vw;
    background-position: 20vw 1vw
}

.sport-live-box .sport-content {
    width: 99%;
    margin: 0 auto
}

.sport-live-box .status-bar,.sport-eu-box .status-bar {
    width: 100%;
    padding: 0 4px;
    position: relative;
    top: 5px;
    border-bottom: 0px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sport-live-box .status-bar .time-info,.sport-eu-box .status-bar .time-info {
    width: auto;
    min-width: 36vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--spbgColor06);
    border: 1px solid var(--spborderColor03);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 3px;
    font-weight: 600;
    color: var(--sptxtColor05)
}

.sport-eu-box .status-bar .time-info {
    min-width: 20vw;
    padding: 1px 4px
}

.sport-live-box .status-bar .time-info .part,.sport-eu-box .status-bar .time-info .part {
    color: var(--sparrowColor02)!important
}

.sport-eu-box .status-bar .time-info .favorite {
    width: auto
}

.sport-eu-box .status-bar span.icon-star,.sport-eu-box .status-bar span.icon-star-o {
    font-size: 1rem;
    margin-right: 2px
}

.sport-live-box .status-bar .total-count,.sport-eu-box .status-bar .total-count {
    width: auto;
    min-width: 25vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--spbgColor02);
    color: var(--sptxtColor04);
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 4px;
    box-shadow: 0 2px 5px #2b3d7826
}

ul.live-panel,ul.eu-panel {
    margin-top: 0;
    padding: 8px 6px;
    background: var(--spbgColor06);
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-bottom: 0px;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    box-shadow: 0 2px 6px #2b3d781a
}

ul.eu-panel {
    padding-top: 12px
}

ul.live-panel {
    margin-top: 5px;
    padding: 6px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.live-panel .left-box {
    width: 87%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.live-panel .left-box li {
    width: 32.8%;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

ul.live-panel .left-box li.c-team {
    padding: 1.4vw 2vw
}

ul.live-panel .right-box {
    width: 12%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.live-panel .right-box a {
    width: 100%;
    padding: 1.4vw 2vw;
    margin: .5% .2%;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    border: 1px solid var(--spborderColor02);
    box-shadow: none;
    background: var(--spbgColor08)
}

ul.live-panel .team-box {
    width: 100%;
    height: 12vw;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 5px auto;
    color: var(--sptxtColor05)
}

ul.live-panel .right-box .team-box {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.live-panel .right-box .team-box .icon-type {
    position: absolute;
    width: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translate(50%)
}

ul.live-panel .team-box .logo {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 5vw;
    font-weight: 700;
    font-family: Arial;
    font-size: 1.4rem
}

ul.live-panel .team-box .logo .logo-pic {
    position: relative;
    width: 10vw;
    height: 10vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.live-panel .team-box .logo .logo-pic img {
    position: relative;
    width: 100%;
    z-index: 2;
    height: 5.9vw;
    width: 5.9vw
}

ul.live-panel .team-box .vs {
    font-size: 1rem;
    font-weight: 700;
    font-family: Arial;
    text-align: center
}

ul.live-panel .team-box .vs .score-box {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

ul.live-panel .team-box .vs .time-txt {
    font-size: .65rem;
    font-weight: 400;
    color: var(--sptxtColor05);
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9)
}

ul.live-panel .team-box .vs .score-box span.score {
    color: var(--sptxtColor04);
    background: var(--spbgColor13);
    font-size: .65rem;
    padding: 0 3px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    text-align: center;
    margin: 0 1px
}

ul.live-panel .team-box .r-logo {
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ul.live-panel .team-box .favorite {
    position: absolute
}

ul.live-panel .team-box .favorite {
    width: auto;
    left: 0;
    top: -10px;
    font-size: .83rem
}

ul.live-panel .team-box .favorite span.icon-star {
    color: var(--txtColor18)
}

ul.live-panel .team-box .favorite span.icon-star-o {
    color: var(--sptxtColor07)
}

ul.live-panel .team-box .vs {
    width: 32.8%;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

ul.live-panel .team-box .l-logo,ul.live-panel .team-box .r-logo {
    width: 32.8%;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    padding: 0 1vw
}

ul.live-panel .team-box .l-logo {
    padding: 0 0 0 1vw
}

ul.live-panel .team-box .l-logo .logo-pic {
    margin: 0 0 0 4px
}

ul.live-panel .team-box .r-logo {
    padding: 0 1vw 0 0
}

ul.live-panel .team-box .r-logo .logo-pic {
    margin: 0 4px 0 0
}

ul.live-panel .team-box .logo .name {
    font-size: .65rem;
    font-weight: 400;
    line-height: 1
}

ul.live-panel .team-box .l-logo .name {
    text-align: right
}

ul.live-panel .team-box .r-logo .name {
    text-align: left
}

ul.eu-panel .list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

ul.live-panel li,ul.eu-panel .list li {
    margin: .5% .2%;
    border-radius: .5vw;
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    border: 0px solid var(--spborderColor03);
    box-shadow: none;
    background: var(--spbgColor12);
    height: 40px
}

ul.live-panel li.on,ul.eu-panel .list li.on {
    box-shadow: none
}

ul.live-panel li.l-team,ul.eu-panel .list li.l-team {
    padding-left: 2vw;
    text-align: right
}

ul.live-panel li.c-team:before,ul.eu-panel li.c-team:before {
    display: none
}

ul.live-panel li .odd {
    text-align: center
}

ul.bet-panel li.r-team .team-name {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

ul.live-panel li.r-team,ul.live-panel li.r-team .team-name {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

ul.live-panel li.r-team,ul.eu-panel .list li.r-team {
    padding-right: 2vw
}

ul.live-panel li.r-team:before,ul.eu-panel .list li.r-team:before {
    display: none
}

span.icon-padlock,ul.live-panel li span.icon-padlock,ul.eu-panel .list li span.icon-padlock {
    font-size: .76rem;
    color: #2b3d78
}

span.icon-padlock:before,ul.live-panel li .spanicon-padlock:before,ul.eu-panel .list li span.icon-padlock:before {
    position: relative;
    content: "\e938";
    top: 1px;
    padding: 3px;
    border: 1px solid #7094c6;
    background: var(--spbgColor06);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.sport-total .sport-trigger img {
    width: 17px;
    margin-left: 5px
}

ul.total-panel {
    padding: 8px 4px;
    border-bottom: 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

ul.total-panel li {
    margin: .5% .2%;
    border-radius: .5vw;
    background: var(--spbgColor12);
    border: 0px solid var(--spborderColor03);
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    color: var(--sptxtColor05);
    width: 32.9%;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

ul.total-panel li.l-team {
    padding-left: 2vw;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset
}

ul.total-panel li.l-team .odd {
    text-align: right
}

ul.total-panel li.c-team:before {
    display: none
}

ul.total-panel li.r-team {
    padding-right: 2vw;
    -webkit-flex: unset;
    -moz-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    -webkit-flex-direction: unset;
    -moz-box-orient: unset;
    -moz-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset
}

ul.no-reverse.total-panel li.r-team {
    -webkit-flex-direction: unset;
    -moz-box-orient: unset;
    -moz-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset
}

ul.total-panel li.r-team:before {
    display: none
}

ul.total-panel li .play-type {
    font-size: .68rem;
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    text-align: left;
    font-weight: 400
}

ul.total-panel.two-list .l-title,ul.total-panel.two-list .r-title {
    position: relative;
    width: 50%;
    margin: 0 0 .5%;
    font-size: .86rem;
    font-weight: 700;
    border: 0px;
    text-align: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--sptxtColor05);
    border-bottom: 1px solid var(--spborderColor03);
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px
}

ul.total-panel.two-list .l-title:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 5vw;
    background: var(--spborderColor03)
}

ul.total-panel.two-list li {
    width: 49.6%;
    margin: .5% .1%;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

ul.total-panel.two-list li .play-type {
    width: auto;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

ul.total-panel.two-list li .play-type {
    width: 85%;
    overflow: hidden;
    text-overflow: ellipsis
}

ul.total-panel.two-list li .play-type span {
    white-space: nowrap
}

ul.no-reverse li.r-team,ul.no-reverse li.r-team .odds-panel {
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

ul.no-reverse li.r-team .odd {
    text-align: right
}

ul.total-panel.three-list .l-title,ul.total-panel.three-list .c-title,ul.total-panel.three-list .r-title {
    position: relative;
    width: 33.3333%;
    margin: 0 0 .5%;
    font-size: .86rem;
    font-weight: 700;
    border: 0px;
    text-align: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--sptxtColor05);
    border-bottom: 1px solid var(--spborderColor03);
    border-radius: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px
}

ul.total-panel.three-list .l-title:after,ul.total-panel.three-list .c-title:after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 5vw;
    background: var(--spborderColor03)
}

ul.total-panel.three-list li {
    width: 32.9333%;
    margin: .5% .1%;
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none
}

ul.total-panel.three-list li.c-team {
    text-align: right
}

ul.total-panel.three-list li .play-type {
    -webkit-flex: none;
    -moz-box-flex: 0;
    -ms-flex: none;
    flex: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 69%
}

ul.total-panel.three-list li .play-type span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50px
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%
}

.embed-container.show404Img {
    padding-bottom: 0
}

.embed-container.radar {
    min-height: 330px;
    overflow: unset;
    padding-bottom: 0
}

@media screen and (max-width: 375px) {
    .embed-container.radar {
        min-height:300px;
        overflow: unset;
        padding-bottom: 0
    }
}

@media screen and (max-width: 320px) {
    .embed-container.radar {
        min-height:265px;
        overflow: unset;
        padding-bottom: 0
    }

    .stick-on .edit button {
        width: 16vw
    }
}

.embed-container iframe,.embed-container object,.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0px;
    z-index: 2
}

#open-cart {
    position: relative;
    width: 19vw;
    height: 19vw;
    border-radius: 50%;
    position: fixed;
    font-size: .65rem;
    background: #4385f8;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--txtColor01);
    box-shadow: 0 2px 2px #2a2a2a40;
    z-index: 1000;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

#open-cart span {
    text-align: center;
    line-height: 1;
    padding: 4px
}

#open-cart span.odds {
    margin-top: 1px;
    padding-top: 5px;
    border-top: 1px solid var(--spborderColor01);
    width: 78%;
    color: var(--spbgColor05);
    font-weight: 700;
    font-size: .83rem
}

#open-cart b {
    position: absolute;
    right: .5vw;
    top: -1vw;
    width: 5vw;
    height: 5vw;
    background: var(--spbgColor05);
    color: var(--sptxtColor05);
    font-size: .72rem;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#open-cart .pulse {
    position: fixed;
    height: 30vw;
    width: 30vw;
    border: 15px solid rgba(230,230,230,.4);
    border-radius: 50%;
    -webkit-animation: pulse2 1s ease-out;
    -moz-animation: pulse2 1s ease-out;
    -o-animation: pulse2 1s ease-out;
    animation: pulse2 1s ease-out;
    opacity: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: -1
}

@-moz-keyframes pulse2 {
    0% {
        -moz-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -moz-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-webkit-keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-o-keyframes pulse2 {
    0% {
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@-moz-keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

@keyframes pulse2 {
    0% {
        -webkit-transform: scale(.1,.1);
        -moz-transform: scale(.1,.1);
        -o-transform: scale(.1,.1);
        transform: scale(.1);
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        -webkit-transform: scale(1.1,1.1);
        -moz-transform: scale(1.1,1.1);
        -o-transform: scale(1.1,1.1);
        transform: scale(1.1);
        opacity: 0
    }
}

.popup-betcart {
    background: var(--spbgColor06)
}

.close-btn {
    position: fixed
}

.head-top {
    position: fixed;
    border-bottom: 0px;
    z-index: 100;
}

.title-name {
    height: 10vw;
    padding: 0
}

.title-name .titleP {
    color: #fff;
    font-size: 1.06rem;
    font-weight: 700
}

.cart-tab {
    position: fixed;
    top: 10vw
}

.cart-status-bar {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    height: 10vw;
    padding: 0vw 3.4vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .83rem;
    font-weight: 700
}

.cart-status-bar img {
    width: 15px;
    margin-right: 6px
}

.cart-status-bar.error {
    background-color: #ffe0e0;
    border: 1px solid #f84343
}

.cart-status-bar.confirm {
    background-color: #ffe5d9;
    border: 1px solid #f8a143
}

.cart-status-bar.success {
    background-color: #d3eec0;
    border: 1px solid #5aa028
}

.cart-status-bar p {
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cart-status-bar p span.line {
    width: 1px;
    height: 15px;
    background: var(--spbgColor06);
    margin: 0 10px
}

ul.tab-list li {
    height: 10vw;
    padding: 0;
    border-right: 0px
}

ul.tab-list li a {
    color: var(--sptxtColor08)
}

ul.tab-list li.active a {
    background: #679ff3;
}

.tab-content-cart {
    height: auto;
    min-height: -webkit-calc(100vh - 10vw - 10vw);
    min-height: -moz-calc(100vh - 10vw - 10vw);
    min-height: calc(100vh - 20vw);
    max-height: -webkit-calc(100vh - 10vw - 10vw);
    max-height: -moz-calc(100vh - 10vw - 10vw);
    max-height: calc(100vh - 20vw);
    overflow-y: hidden;
    margin: 9vw auto 0px !important;
    background: var(--spbgColor06);
    padding: 0 !important;
}

/* .scroll-panel {
    margin: 0 auto;
    overflow-y: auto;
    height: 75vh !important;
    padding: 175px 0px 0px 0px !important;
} */
.scroll-panel {
    margin: 0 auto;
    overflow-y: auto;
    height: 65vh !important;
    padding: 50px 0px 0px 0px !important;
}
.scroll-panel::-webkit-scrollbar {
    width: 2px
}

.scroll-panel::-webkit-scrollbar-track {
    background-color: var(--spbgColor08);
    border-radius: 10px
}

.scroll-panel::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: var(--spborderColor02)
}

.cart-btns {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2.4vw auto;
    padding: 0 3.4vw;
    flex-direction: row-reverse;
}

.cart-btns .clear-all,.cart-btns .refresh {
    width: auto;
    height: 5vw;
    margin: 0;
    position: relative;
    font-size: .83rem;
    font-weight: 700;
    color: var(--sptxtColor02);
    background: unset;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex
}

.cart-btns .clear-all:after,.cart-btns .refresh:after {
    content: "";
    position: absolute;
    width: 100%;
    height: .5px;
    left: 0%;
    bottom: 0%;
    background: var(--sptxtColor02)
}

.refresh:after {
    background: var(--sptxtColor05)
}

.main-content {
    padding: 0 0 0vw 3.4vw
}

.main-content ul li {
    box-shadow: 0 2px 5px #7a809440;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    margin-bottom: 2vw
}

.main-content ul li:last-child {
    /* margin-bottom: 2vw */
    margin-bottom: 0 !important;
}

.main-content ul li .head-panel {
    font-weight: 700;
    border-radius: 1vw 1vw 0 0;
    color: #fff;
    background: #669bf7;
    -webkit-border-radius: 1vw 1vw 0 0;
    -moz-border-radius: 1vw 1vw 0 0;
    -ms-border-radius: 1vw 1vw 0 0;
    -o-border-radius: 1vw 1vw 0 0;
    padding: 2vw 3.4vw;
    z-index: 1;
    border-top: 0px
}

.main-content ul li .head-panel span.icon-close,.main-content ul li .head-panel span.icon-pause {
    position: absolute;
    right: 1vw;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    font-size: .65rem;
    z-index: 15
}

.main-content ul li .head-panel span.icon-pause {
    top: 3vw;
    left: 2vw;
    transform: scale(1);
    color: var(--sptxtColor12);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    font-size: .86rem
}

.main-content ul li .head-panel span.icon-close:before {
    font-weight: 700;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 6px
}

.main-content ul li .main-panel .item {
    font-size: .875rem;
    border-bottom: 0;
    padding: 2vw 3vw;
    color: var(--sptxtColor08)
}

.main-content ul li .main-panel .item .list {
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .875rem
}

.main-content ul li .main-panel .item .date {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    font-weight: 700
}

.main-content ul li .main-panel .item .date span.icon-calendar {
    margin-right: 1vw
}

.main-content ul li .head-panel .type {
    width: 40vw;
    font-size: .86rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.main-content ul li .head-panel .type .icon {
    font-size: 1.2rem;
    margin-right: 4px
}

.main-content ul li .head-panel .count-info {
    text-align: right;
    font-size: .81rem
}

.main-content ul li .main-panel .game-info {
    width: auto;
    position: relative;
    font-size: .93rem;
    padding-bottom: 4px;
    font-weight: 700;
    color: var(--txtColor05)
}

.main-content ul li .main-panel .team-name {
    width: auto;
    position: relative;
    font-size: .86rem;
    font-weight: 700;
    color: var(--txtColor05)
}

.main-content ul li .main-panel .game-info:after {
    content: "";
    position: absolute;
    width: 100%;
    height: .5px;
    left: 0%;
    bottom: 0%;
    background: var(--txtColor05)
}

.main-content ul li .main-panel .bet-amount {
    width: auto;
    font-size: .72rem;
    font-weight: 700;
    color: var(--txtColor18)
}

.main-content ul li.pause {
    position: relative
}

.main-content ul li.pause .head-panel {
    padding-left: 7vw
}

.main-content ul li.pause:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(213,213,213,.5);
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

hr.grey-line {
    background-color: var(--borderColor03);
    height: 1px;
    border: none;
    margin: 6px 0
}

.main-content ul li .main-panel .item .list.game-type {
    width: auto;
    font-size: .875rem;
    margin: 2vw 0 0
}

.main-content ul li .main-panel .item .list.choice-team {
    width: auto;
    font-size: 1rem!important;
    color: var(--sptxtColor02)!important;
    border-bottom: 2px dashed var(--spborderColor03);
    padding-bottom: 2.2vw;
    margin: -1vw 0 2.2vw;
    line-height: 1.2
}

.main-content ul li .main-panel .item .list.total-list {
    border-bottom: 2px dashed var(--spborderColor03);
    padding-bottom: 2.2vw;
    margin: 0 0 2.2vw
}

.main-content ul li .main-panel .item .list.total-list em {
    color: var(--sptxtColor05);
    margin-left: 1.4vw;
    display: inline-block
}

.main-content ul li .main-panel .item .list span.org-odds {
    font-size: .93rem;
    color: var(--sptxtColor11);
    text-decoration: line-through
}

.main-content ul li .main-panel .item .list span.odds {
    font-size: 1rem;
    white-space: nowrap
}

.total-amount {
    text-align: right;
    font-size: 1rem;
    color: var(--spbgColor05)
}

.bet-panel ul {
    background: var(--spbgColor07);
    box-shadow: 0 2px 5px #7a809440;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    margin-bottom: 2vw
}

.bet-panel ul li {
    box-shadow: none;
    margin-bottom: 0vw
}

.bet-panel ul li .head-panel {
    border-radius: 2vw 2vw 0 0;
    -webkit-border-radius: 2vw 2vw 0 0;
    -moz-border-radius: 2vw 2vw 0 0;
    -ms-border-radius: 2vw 2vw 0 0;
    -o-border-radius: 2vw 2vw 0 0;
    background: linear-gradient(45deg, #0066cc, #3399ff);
    color: var(--sptxtColor04);
    margin-top: 4vw;
    padding: 2.4vw 3.4vw
}

.bet-panel ul li .main-panel .item .list {
    margin: 1.4vw 0;
    font-size: .86rem
}

.bet-panel ul li .item .list input {
    padding: 2vw;
    font-size: 1rem;
    color: var(--sptxtColor12);
    font-weight: 700;
    border: 1px solid var(--spborderColor03);
    text-align: right;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.bet-panel ul li.num-keyboard-panel {
    width: 86.6vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: inherit;
    -moz-box-align: inherit;
    -ms-flex-align: inherit;
    align-items: inherit;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2vw auto 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bet-panel ul li.num-keyboard-panel button,.bet-panel ul li.num-keyboard-panel div.as-btns {
    width: 32.33%;
    margin: .5%;
    height: 10vw;
    background: var(--spbgColor06);
    border: 1px solid var(--spborderColor03);
    color: var(--sptxtColor08);
    font-weight: 700;
    font-size: .8rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.bet-panel ul li.num-keyboard-panel button.active,.bet-panel ul li.num-keyboard-panel div.as-btns.active {
    background: var(--spbgColor02);
    color: var(--sptxtColor04)
}

.bet-panel ul li.num-keyboard-panel .amount-btns {
    width: 70%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bet-panel ul li.num-keyboard-panel .change-btns {
    width: 28%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bet-panel ul li.num-keyboard-panel .change-btns button {
    width: 100%
}

.bet-panel ul li.num-keyboard-panel .change-btns button.on {
    background: var(--spbgColor02)
}

.bet-panel ul li.num-keyboard-panel .change-btns input {
    width: 100%;
    margin: .5%;
    height: 10vw;
    background: var(--spbgColor06);
    border: 1px solid var(--spborderColor04);
    color: var(--sptxtColor08);
    font-weight: 700;
    font-size: .8rem;
    text-align: center;
    padding: 2vw;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -ms-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw
}

.bet-panel ul li.num-keyboard-panel .change-btns.on input {
    background: var(--spbgColor08);
    color: var(--sptxtColor05)
}

.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn.on img.check,.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn .edit {
    display: none
}

.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn.on img.check {
    filter: brightness(100);
    -webkit-filter: brightness(100)
}

.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn img.check,.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn.on .edit {
    display: block
}

.bet-panel ul li.num-keyboard-panel .change-btns button.edit-btn.on .edit {
    filter: brightness(100)
}

.bet-panel ul li.num-keyboard-panel p.hint-txt {
    width: 100%;
    color: var(--sptxtColor11);
    text-align: center;
    font-size: .8rem;
    margin: 2vw auto 0
}

.bet-panel ul li.num-keyboard-panel img {
    width: 5vw
}

.bet-panel ul li.num-keyboard-panel button:last-child {
    border-right: 1px solid var(--spborderColor03)
}

.bet-panel ul li.notopborder button {
    border-top: 0px;
    margin-bottom: 2.4vw;
    font-size: .86rem
}

.bet-panel ul li.notopborder button img {
    width: 20px;
    height: 13.78px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto
}

.bet-panel ul li.notopborder button span.dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--sptxtColor08);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto
}

.bet-panel ul li.btns button {
    height: 12vw;
    margin-bottom: 3.4vw;
    color: var(--sptxtColor04);
    border-radius: 1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    -ms-border-radius: 1vw;
    -o-border-radius: 1vw;
    font-size: .86rem
}

.bet-panel ul li.btns button.cancel {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 2px;
    background: var(--spbgColor04)
}

.bet-panel ul li.btns button.submit {
    -webkit-flex: 3;
    -moz-box-flex: 3;
    -ms-flex: 3;
    flex: 3;
    background: var(--spbgColor02);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bet-panel ul li.btns button.submit img {
    width: 16px;
    margin-right: 4px;
    -webkit-filter: brightness(100);
    filter: brightness(100)
}

.bet-panel ul li.btns button.submit.change {
    background: var(--spbgColor05);
    color: var(--sptxtColor05)
}

.bet-panel ul li.btns button.submit.change img {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

.bet-panel ul li.num-keyboard-panel .change-btns input:focus {
    background: var(--spbgColor13);
    color: var(--sptxtColor04);
    border: 1px solid var(--spborderColor01)
}

.tab-content-betcart {
    background: var(--spbgColor06)
}

.total-box-h {
    width: 86.6vw;
    margin: 2.4vw auto;
    font-size: .93rem
}

.total-box-h .total-list {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 2vw auto
}

.history-panel {
    margin-top: 3.4vw;
    max-height: -webkit-calc(100vh - 10vw - 10vw);
    max-height: -moz-calc(100vh - 10vw - 10vw);
    max-height: calc(100vh - 20vw)
}

.history-panel .main-content ul li .head-panel .team-name {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.history-panel .main-content ul li .main-panel .item .list {
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    color: var(--sptxtColor14);
    font-size: .875rem
}

.history-panel .main-content ul li .main-panel .item .list.team-info {
    margin: 0 0 -3%;
    line-height: 1.4
}

.history-panel .main-content ul li .main-panel .item .list .bet-num {
    width: auto;
    color: var(--sptxtColor05);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history-panel .main-content ul li .main-panel .item .list .bet-first {
    width: 30%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    color: var(--sptxtColor11);
    -webkit-animation: shineTag01 3s infinite;
    -moz-animation: shineTag01 3s infinite;
    -o-animation: shineTag01 3s infinite;
    animation: shineTag01 3s infinite;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 100
}

.history-panel .main-content ul li .main-panel .item .list .bet-first:before {
    margin-right: 2vw;
    font-size: 1rem
}

.history-panel .main-content ul li .main-panel .item .list .bet-status {
    width: 50%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.history-panel .main-content ul li .main-panel .item .list .bet-num span.icon-copy {
    font-size: 1.2rem;
    margin-left: 1.4vw;
    color: var(--sptxtColor14)
}

@-webkit-keyframes toasts01 {
    0% {
        opacity: 0;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) scale(0);
        transform: translate(-50%,-50%) scale(0)
    }

    20% {
        opacity: 1;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1)
    }

    70% {
        opacity: .95;
        top: 50%;
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1);
        -moz-transform: translate(-50%,-50%) scale(1);
        -ms-transform: translate(-50%,-50%) scale(1);
        -o-transform: translate(-50%,-50%) scale(1)
    }

    to {
        opacity: 0;
        top: -10%;
        -webkit-transform: translate(-50%,-50%) scale(1);
        transform: translate(-50%,-50%) scale(1)
    }
}

@-webkit-keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes shineTag01 {
    0% {
        opacity: 0
    }

    25% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    75% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes shineTag {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-moz-keyframes shineTag {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-o-keyframes shineTag {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes shineTag {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.popup-toast {
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: -1
}

.popup-toast.show,.popup-toast.goToasts {
    opacity: 1;
    z-index: 99999
}

.popup-toast .content {
    position: absolute;
    width: 56%;
    height: 10vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -webkit-animation: shineTag 4s 1 forwards;
    -moz-animation: shineTag 4s 1 forwards;
    -o-animation: shineTag 4s 1 forwards;
    animation: shineTag 4s 1 forwards
}

.popup-toast.show .content {
    position: absolute;
    width: 56%;
    height: 10vw;
    left: 50%;
    top: 50%;
    animation: none
}

.popup-toast.goToasts {
    display: -webskit-flex!important;
    display: -moz-box!important;
    display: -ms-flexbox!important;
    display: -webkit-flex!important;
    display: flex!important
    transform: translate(0, 0);
   -webkit-transform: translate(0, 0);
}

.popup-toast.goToasts .content {
    -webkit-animation: toasts01 2s 1 forwards;
    -moz-animation: toasts01 2s 1 forwards;
    -o-animation: toasts01 2s 1 forwards;
    animation: toasts01 2s 1 forwards
}

.popup-toast .content .box {
    height: 12vw;
    border-radius: 2vw;
    padding: 3vw;
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    -ms-border-radius: 2vw;
    -o-border-radius: 2vw
}

.popup-toast .content .box.copy {
    width: fit-content;
    margin: 0 auto
}

.popup-toast .content .box img {
    width: 14%;
    margin-right: 6%
}

.popup-toast .content .box p {
    width: auto;
    font-size: .875rem;
    font-weight: 400
}

.popup-toast.goToasts .content .box.copy {
    color: var(--sptxtColor05);
    background: var(--spbgColor12);
    border: 1px solid var(--spborderColor03)
}

.popup-toast .content .box.error {
    color: var(--sptxtColor08);
    background-color: #ffe0e0;
    border: 1px solid #f84343
}

.popup-toast .content .box.confirm {
    color: var(--sptxtColor08);
    background-color: #ffe5d9;
    border: 1px solid #f8a143
}

.popup-toast .content .box.success {
    color: var(--sptxtColor08);
    background-color: #d3eec0;
    border: 1px solid #5aa028
}

.history-panel .main-content ul li .main-panel .item .team-name {
    width: 70%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 0vw;
    line-height: normal;
    font-size: .875rem
}

.history-panel .main-content ul li .main-panel .item .date {
    width: 25%;
    text-align: right;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-bottom: 0
}

.history-panel .status {
    width: auto
}

.history-panel .status span {
    font-size: .65rem;
    color: var(--sptxtColor03);
    font-weight: 400
}

.history-panel .main-content ul li .main-panel .item .cash-status {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 1vw 0 0
}

.history-panel .main-content ul li .main-panel .item .cash-status button {
    background: var(--spbgColor02);
    color: var(--sptxtColor04);
    border-radius: 1vw;
    padding: 6px 18px;
    margin: 1vw 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-spinner-of-dots,.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-confirm {
    font-size: .93rem;
    margin-right: 4px
}

.history-panel .main-content {
    padding: 0 0 5.4vw 3.4vw
}

.main-content ul li .main-panel .item .total {
    margin: 2vw 0;
    color: var(--sptxtColor03)
}

.popup-paycash .hint-small-content {
    width: 50vw;
    margin-top: 30vw
}

.popup-paycash .content {
    position: relative;
    padding: 10vw 3vw 0;
    color: var(--sptxtColor05);
    font-weight: 700;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.popup-paycash .content b {
    text-align: center
}

.popup-paycash .content p.money {
    color: var(--sptxtColor02);
    font-size: 1.2rem
}

.popup-paycash .content img {
    width: 12vw;
    position: absolute;
    top: -10%;
    left: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%)
}

.popup-paycash .btn-box {
    padding: 3vw;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.popup-paycash .btn-box button {
    width: 100%
}

.popup-paycash .btn-box button.confirm-pay-button {
    background: var(--spbgColor02);
    color: var(--sptxtColor04)
}

.popup-paycash .btn-box button.cancel-pay-button {
    background: var(--spbgColor08);
    color: var(--sptxtColor05)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .switch-content {
        -webkit-justify-content:space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .odds-setting-panel {
        padding: 1.2vw
    }

    .toggle-switch {
        border-radius: 26px;
        width: 68px;
        height: 36px
    }

    .toggle-checkbox:checked+.toggle-switch:before {
        left: 35px
    }

    .toggle-switch:before {
        width: 28px;
        height: 28px;
        top: 4px;
        left: 6px
    }

    .odds-change-panel .head {
        font-size: 1.08rem;
        padding: 9px 3vw
    }

    .odds-change-panel .head span.icon-close {
        font-size: 1rem;
        width: 30px;
        height: 30px
    }

    .head-league,.radio,.toggle-label {
        font-size: 1.4rem
    }

    .head-league {
        padding: 10px 2vw
    }

    .head-league select {
        font-size: 1rem
    }

    .sport-live-select select {
        height: 5vw;
        font-size: 1rem;
        padding: 0px 1vw;
        background-position: 35vw 1vw;
        border-radius: .5vw;
        -webkit-border-radius: .5vw;
        -moz-border-radius: .5vw;
        -ms-border-radius: .5vw;
        -o-border-radius: .5vw;
        background-color: var(--spbgColor06)
    }

    .sport-live-select select:last-child {
        background-position: 20vw 1vw;
        font-size: 1rem
    }

    .radio input[type=radio]+.radio-label:before {
        width: 20px;
        height: 20px
    }

    .stick-on .edit button {
        font-size: 1.25rem;
        height: 36px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
    }

    .stick-on .on,.stick-on .edit {
        height: 42px;
        padding: 4px
    }

    #open-cart,.stick-on .on>p,.stick-on .edit input,.bet-panel ul li .main-panel .item .list,.bet-panel ul li.num-keyboard-panel button,.bet-panel ul li.num-keyboard-panel div.as-btns,.bet-panel ul li .item .list input,.total-box-h .total-list,.point,.content-info strong.point,.history-panel .status span,.total-amount {
        font-size: 1.4rem
    }

    #open-cart b {
        font-size: 1rem
    }

    a.icon-setting {
        font-size: 2.2rem
    }

    .stick-on .on>span.icon-edit {
        font-size: 1.8rem
    }

    ul.bet-panel li .team-name,.sport-trigger,ul.bet-panel li,ul.total-panel.two-list .l-title,ul.total-panel.two-list .r-title,ul.total-panel li .play-type,.main-content ul li .main-panel .item .list.game-type,.main-content ul li .main-panel .item .list span.odds,.main-content ul li .main-panel .item .list span.org-odds,.clear-all,.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-spinner-of-dots,.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-confirm {
        font-size: 1.2rem
    }

    .main-content ul li .main-panel .team-name {
        font-size: 1.36rem
    }

    span.icon-padlock,ul.live-panel li span.icon-padlock,ul.eu-panel .list li span.icon-padlock,.main-content ul li .head-panel span.icon-close,.main-content ul li .head-panel span.icon-pause {
        font-size: 1.06rem
    }

    span.icon-padlock:before,ul.live-panel li .spanicon-padlock:before,ul.eu-panel .list li span.icon-padlock:before {
        padding: 8px
    }

    .sport-trigger>p,.main-content ul li.pause .head-panel {
        padding-left: 5vw
    }

    .sport-live-box .status-bar .time-info,.sport-eu-box .status-bar .time-info,.sport-live-box .status-bar .total-count,.sport-eu-box .status-bar .total-count {
        font-size: 1rem;
        min-width: 22vw;
        padding: 4px
    }

    .sport-live-box .status-bar,.sport-eu-box .status-bar {
        padding: 2px 10px
    }

    ul.eu-panel {
        padding-top: 30px
    }

    ul.live-panel .team-box .logo,.icon-type {
        font-size: 2.4rem
    }

    .title-name .titleP,ul.live-panel .team-box .favorite,ul.live-panel .team-box .vs {
        font-size: 1.8rem
    }

    .status-bar p.time {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    .sport-eu-box .status-bar span.icon-star,.sport-eu-box .status-bar span.icon-star-o {
        font-size: 1.4rem;
        margin-right: 6px
    }

    ul.tab-total {
        padding: 2vw
    }

    ul.tab-total li,ul.tab-total li a {
        height: 6.6vw
    }

    .sport-trigger:before,.sport-trigger:after {
        height: 3px;
        width: 18px
    }

    .stick-on .edit input::-webkit-input-placeholder {
        font-size: 1.4rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .switch-content {
        -webkit-justify-content:space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .odds-setting-panel {
        padding: 2vw
    }

    .toggle-switch {
        border-radius: 36px;
        width: 76px;
        height: 42px
    }

    .toggle-checkbox:checked+.toggle-switch:before {
        left: 38px
    }

    .toggle-switch:before {
        width: 32px;
        height: 32px;
        top: 5px;
        left: 6px
    }

    .odds-change-panel .head {
        font-size: 1.48rem;
        padding: 9px 3vw
    }

    .odds-change-panel .head span.icon-close {
        font-size: 1.4rem;
        width: 32px;
        height: 32px
    }

    .head-league,.radio,.toggle-label {
        font-size: 1.6rem
    }

    .head-league {
        padding: 10px 2vw
    }

    .head-league select {
        font-size: 1.4rem
    }

    .sport-live-select select {
        height: 5vw;
        font-size: 1.4rem;
        padding: 0px 1vw;
        background-position: 35vw 1vw;
        border-radius: .5vw;
        -webkit-border-radius: .5vw;
        -moz-border-radius: .5vw;
        -ms-border-radius: .5vw;
        -o-border-radius: .5vw
    }

    .sport-live-select select:last-child {
        background-position: 20vw 1vw;
        font-size: 1.4rem
    }

    .radio input[type=radio]+.radio-label:before {
        width: 30px;
        height: 30px
    }

    .stick-on .edit button {
        font-size: 1.65rem;
        height: 36px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        -o-border-radius: 6px
    }

    .stick-on .on,.stick-on .edit {
        height: 50px;
        padding: 10px
    }

    #open-cart,.stick-on .on>p,.stick-on .edit input,.bet-panel ul li .main-panel .item .list,.bet-panel ul li.num-keyboard-panel button,.bet-panel ul li.num-keyboard-panel div.as-btns,.bet-panel ul li .item .list input,.total-box-h .total-list,.point,.content-info strong.point,.history-panel .status span,.total-amount {
        font-size: 1.8rem
    }

    #open-cart b {
        font-size: 1.4rem
    }

    a.icon-setting {
        font-size: 2.6rem
    }

    .stick-on .on>span.icon-edit {
        font-size: 2.2rem
    }

    ul.bet-panel li .team-name,.sport-trigger,ul.bet-panel li,ul.total-panel.two-list .l-title,ul.total-panel.two-list .r-title,ul.total-panel li .play-type,.main-content ul li .main-panel .item .list.game-type,.main-content ul li .main-panel .item .list span.odds,.main-content ul li .main-panel .item .list span.org-odds,.clear-all,.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-spinner-of-dots,.history-panel .main-content ul li .main-panel .item .cash-status button span.icon-confirm {
        font-size: 1.6rem
    }

    .main-content ul li .main-panel .team-name {
        font-size: 1.8rem
    }

    span.icon-padlock,ul.live-panel li span.icon-padlock,ul.eu-panel .list li span.icon-padlock,.main-content ul li .head-panel span.icon-close,.main-content ul li .head-panel span.icon-pause {
        font-size: 1.5rem
    }

    span.icon-padlock:before,ul.live-panel li .spanicon-padlock:before,ul.eu-panel .list li span.icon-padlock:before {
        padding: 8px
    }

    .sport-trigger>p,.main-content ul li.pause .head-panel {
        padding-left: 5vw
    }

    .sport-live-box .status-bar .time-info,.sport-eu-box .status-bar .time-info,.sport-live-box .status-bar .total-count,.sport-eu-box .status-bar .total-count {
        font-size: 1.4rem;
        min-width: 22vw;
        padding: 6px
    }

    .sport-live-box .status-bar,.sport-eu-box .status-bar {
        padding: 2px 14px
    }

    ul.eu-panel {
        padding-top: 40px
    }

    ul.live-panel .team-box .logo,.icon-type {
        font-size: 3rem
    }

    .title-name .titleP,ul.live-panel .team-box .favorite,ul.live-panel .team-box .vs {
        font-size: 2.2rem
    }

    .status-bar p.time {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1)
    }

    .sport-eu-box .status-bar span.icon-star,.sport-eu-box .status-bar span.icon-star-o {
        font-size: 1.8rem;
        margin-right: 6px
    }

    ul.tab-total {
        padding: 2vw
    }

    ul.tab-total li,ul.tab-total li a {
        height: 6.6vw
    }

    .sport-trigger:before,.sport-trigger:after {
        height: 4px;
        width: 22px
    }

    .stick-on .edit input::-webkit-input-placeholder {
        font-size: 1.8rem
    }
}

.head-league {
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.head-league p {
    padding-left: 1vw;
    padding-right: 0vw;
    font-size: .875rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.head-league p span.icon-filter {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/assets/icon-filter.svg);
    margin-right: 6px
}

.head-league p span.icon-filter.on {
    background-image: url(../assets/icon-filter-on.082773cf.svg)
}

.sport-trigger {
    font-size: .72rem;
    color: var(--sptxtColor04);
    background: #679ff3;
}

.sport-trigger p {
    padding-left: 6.5vw
}

.sport-trigger:before,.sport-trigger:after {
    background: var(--spbgColor06)
}

.sport-trigger p.for-livesport {
    padding-left: 2vw;
    width: 55%;
    max-width: 100%;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap
}

.sport-live-select {
    color: var(--sptxtColor04);
    background: none;
    position: absolute;
    right: 8vw;
    top: .8vw;
    width: auto;
    z-index: 100
}

.sport-live-select select {
    height: 5vw
}

ul.eu-panel {
    margin-top: 0;
    padding: 8px 4px
}

ul.bet-panel li .team-name span {
    position: relative;
    width: 2.6vw;
    height: 2.6vw;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-position: center center;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

ul.bet-panel li .team-name span.arrow.up {
    margin-left: 4px;
    background-image: url(../assets/icon-arrow-odd-up.58fa02dd.svg)
}

ul.bet-panel li .team-name span.arrow.down {
    margin-right: 4px;
    background-image: url(../assets/icon-arrow-odd-down.fcd46ecb.svg)
}

ul.total-panel li.r-team .team-name {
    -webkit-flex-direction: unset;
    -moz-box-orient: unset;
    -moz-box-direction: unset;
    -ms-flex-direction: unset;
    flex-direction: unset
}

.time-list {
    position: relative;
    margin-top: 0vw;
    text-align: center
}

.time-list:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: var(--spbgColor08);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    z-index: -1
}

.time-list b {
    background: var(--spbgColor06);
    padding: 0 60px;
    font-size: .81rem;
    color: var(--sptxtColor02)
}

.panel-403 {
    background-position: center center;
    background-repeat: no-repeat;
    -o-background-size: cover;
    background-size: cover;
    background-image: url(../assets/sport-403-bg.ecd7f95c.png);
    padding-bottom: 5%
}

.panel-403 img {
    width: 74%;
    margin: 0 auto;
    padding: 16px 0
}

.panel-403 p {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    padding: 0vw 8vw
}

.panel-403 p b {
    color: var(--sptxtColor14);
    font-size: 1rem
}

.panel-403 p span {
    color: var(--sptxtColor01);
    font-size: .83rem
}

.panel-403 p span em {
    color: var(--sptxtColor09)
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .panel-403 p b {
        font-size:2rem
    }

    .panel-403 p span {
        font-size: 1.4rem
    }

    .panel-403 img {
        padding: 30px 0
    }

    .time-list b {
        font-size: 1.2rem
    }

    a.details-title {
        font-size: 2rem
    }

    .sport-trigger,ul.live-panel .team-box .vs .time-txt,ul.live-panel .team-box .logo .name,ul.bet-panel a .all-bet span {
        font-size: 1.2rem
    }

    .sport-trigger p.for-livesport {
        padding-left: 1vw
    }

    .sport-trigger img {
        width: 30px
    }

    ul.tab-type li a span.g-amount {
        font-size: 1.2rem
    }
}

@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .panel-403 p b {
        font-size:2.4rem
    }

    .panel-403 p span {
        font-size: 1.8rem
    }

    .panel-403 img {
        padding: 60px 0
    }

    .time-list b {
        font-size: 1.4rem
    }

    a.details-title {
        font-size: 2.4rem
    }

    .sport-trigger,ul.live-panel .team-box .vs .time-txt,ul.live-panel .team-box .logo .name,ul.bet-panel a .all-bet span {
        font-size: 1.4rem
    }

    .sport-trigger p.for-livesport {
        padding-left: 1vw
    }

    .sport-trigger img {
        width: 30px
    }

    ul.bet-panel a .all-bet span {
        font-size: 1.6rem
    }

    ul.tab-type li a span.g-amount {
        font-size: 1.4rem
    }
}

.sport-league .league-trigger {
    color: var(--sptxtColor05);
    background: var(--spbgColor12);
    border-bottom: 2px solid var(--spborderColor01)
}

.sport-league .ball-type {
    position: relative;
    width: 100%;
    padding: 2.4vw 3vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: var(--sptxtColor05);
    font-weight: 700;
    box-shadow: 0 2px 5px #2b3d7826;
    border-bottom: 1px solid var(--spborderColor01);
    font-size: .72rem;
    color: var(--sptxtColor04);
    background: #6da0f9;
}

.sport-league .ball-type p {
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 7vw;
    text-align: left
}

.league-trigger p.for-livesport {
    width: 88%;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.league-trigger:before,.league-trigger:after {
    background: var(--spbgColor02)
}

.sport-trigger.ball-type:before,.sport-trigger.ball-type:after {
    background: white
}

.league-content {
    position: relative;
    width: 100%
}

.league-content li {
    padding: 2.4vw 3.5vw 2.4vw 8.5vw;
    background: var(--spbgColor06);
    border: 1px solid var(--spborderColor04);
    font-size: .75rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.league-content li span.num {
    width: 12%;
    text-align: right
}

.league-content ul.only-league li {
    padding: 2.4vw 3.5vw 2.4vw 3vw
}

.league-content ul.only-league li span.name {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.league-content ul.only-league li span.name img {
    width: 20px;
    height: 20px;
    margin-right: 3vw
}

.main-content ul li .main-panel .item .date {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 1vw;
    margin-bottom: 1vw;
    font-weight: 700
}

.main-content ul li .main-panel .item .date span.icon-calendar {
    margin-right: 1vw
}

.history-panel .head-panel .team-name span:last-child {
    float: right
}

div#tab10 .head-panel .info.team-name {
    width: 95%
}

.loader-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 18vw;
    height: 18vw;
    background-color: #191919;
    box-shadow: 0 5px 15px #000000bf;
    box-shadow: none;
    margin-left: -9vw;
    margin-top: -9vw;
    border-radius: 2vw;
    -webkit-border-radius: 2vw;
    -moz-border-radius: 2vw;
    -ms-border-radius: 2vw;
    -o-border-radius: 2vw
}

.loader-line-mask {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 14vw;
    height: 14vw;
    margin-left: -7vw;
    margin-top: -7vw;
    overflow: hidden;
    -webkit-transform-origin: 7vw 7vw;
    -moz-transform-origin: 7vw 7vw;
    -ms-transform-origin: 7vw 7vw;
    -o-transform-origin: 7vw 7vw;
    transform-origin: 7vw 7vw;
    -webkit-mask-image: none;
    background-image: url(../assets/circle.412acb19.png);
    background-repeat: no-repeat;
    background-position: center;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-animation: rotate .8s infinite linear;
    -moz-animation: rotate .8s infinite linear;
    -o-animation: rotate .8s infinite linear;
    animation: rotate .8s infinite linear
}

.loader-line-mask .loader-line {
    width: 14vw;
    height: 14vw;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px #93bbff80;
    display: none
}

.loading-logo img {
    width: 8vw
}

.loading-logo .logo-image {
    width: 8vw;
    height: 8vw;
    margin: auto;
    background-image: url(../assets/loading_logo.4d6ea385.svg)
}

.spaceBar {
    display: block;
    width: auto;
    height: 40px;
	margin-top: -100px;
}

.embed-container.baseball {
    padding-bottom: 60.25%!important
}

.bc-animation.baseball {
    height: 60.25vw
}

.head-panel .info.team-name span,.main-content ul li .main-panel .item .list span.odds {
    font-size: .86rem!important
}

.head-panel .info span,.head-panel .total-amount {
    font-size: 1rem!important
}

.score-num-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    overflow: hidden;
    margin: 2px 0
}

.M-Flipper {
    display: inline-block;
    position: relative;
    width: .6rem;
    height: 1rem;
    line-height: 1rem;
    background: #000;
    font-size: 1rem;
    color: #fff!important;
    text-align: center;
    font-family: Helvetica Neue
}

.M-Flipper .digital {
    position: absolute;
    height: 100%;
    background: #000
}

.M-Flipper .digital:before,.M-Flipper .digital:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #000;
    overflow: hidden;
    box-sizing: border-box;
    color: #fff!important
}

.M-Flipper .digital:before {
    top: 0;
    bottom: 50%
}

.M-Flipper .digital:after {
    top: 50%;
    bottom: 0;
    line-height: 0
}

.M-Flipper.down .front:before {
    z-index: 3
}

.M-Flipper.down .back:after {
    z-index: 2;
    transform-origin: 50% 0%;
    transform: perspective(160px) rotateX(180deg)
}

.M-Flipper.down .front:after,.M-Flipper.down .back:before {
    z-index: 1
}

.M-Flipper.down.go .front:before {
    transform-origin: 50% 100%;
    animation: frontFlipDown .6s ease-in-out both;
    box-shadow: 0 -2px 6px #ffffff4d;
    backface-visibility: hidden
}

.M-Flipper.down.go .back:after {
    animation: backFlipDown .6s ease-in-out both
}

.M-Flipper.up .front:after {
    z-index: 3
}

.M-Flipper.up .back:before {
    z-index: 2;
    transform-origin: 50% 100%;
    transform: perspective(160px) rotateX(-180deg)
}

.M-Flipper.up .front:before,.M-Flipper.up .back:after {
    z-index: 1
}

.M-Flipper.up.go .front:after {
    transform-origin: 50% 0;
    animation: frontFlipUp .6s ease-in-out both;
    box-shadow: 0 2px 6px #ffffff4d;
    backface-visibility: hidden
}

.M-Flipper.up.go .back:before {
    animation: backFlipUp .6s ease-in-out both
}

@keyframes frontFlipDown {
    0% {
        transform: perspective(160px) rotateX(0)
    }

    to {
        transform: perspective(160px) rotateX(-180deg)
    }
}

@keyframes backFlipDown {
    0% {
        transform: perspective(160px) rotateX(180deg)
    }

    to {
        transform: perspective(160px) rotateX(0)
    }
}

@keyframes frontFlipUp {
    0% {
        transform: perspective(160px) rotateX(0)
    }

    to {
        transform: perspective(160px) rotateX(180deg)
    }
}

@keyframes backFlipUp {
    0% {
        transform: perspective(160px) rotateX(-180deg)
    }

    to {
        transform: perspective(160px) rotateX(0)
    }
}

.M-Flipper .number0:before,.M-Flipper .number0:after {
    content: "0"
}

.M-Flipper .number1:before,.M-Flipper .number1:after {
    content: "1"
}

.M-Flipper .number2:before,.M-Flipper .number2:after {
    content: "2"
}

.M-Flipper .number3:before,.M-Flipper .number3:after {
    content: "3"
}

.M-Flipper .number4:before,.M-Flipper .number4:after {
    content: "4"
}

.M-Flipper .number5:before,.M-Flipper .number5:after {
    content: "5"
}

.M-Flipper .number6:before,.M-Flipper .number6:after {
    content: "6"
}

.M-Flipper .number7:before,.M-Flipper .number7:after {
    content: "7"
}

.M-Flipper .number8:before,.M-Flipper .number8:after {
    content: "8"
}

.M-Flipper .number9:before,.M-Flipper .number9:after {
    content: "9"
}

.M-Slider {
    height: 100%;
    width: 100%;
    text-align: center
}

.M-Slider .digital {
    color: #fff
}

.M-Slider.up.go {
    transform: translateY(-1rem);
    transition: transform .2s cubic-bezier(.42,0,1,1)
}

.bc-animation {
    width: 100%;
    height: 56.25vw;
    position: relative;
    display: flex;
    align-items: start;
    justify-content: center
}

.bc-animation .iframe {
    z-index: 2
}

.videobg {
    width: 100%;
    height: 56.25vw;
    position: absolute;
    top: 0;
    z-index: 1;
    background-size: 100% 100%!important;
    background-repeat: no-repeat
}

.videobg-1 {
    background-image: url(../assets/bg_1.e1cb25cb.jpg)
}

.videobg-2 {
    background-image: url(../assets/bg_2.7902cad3.jpg)
}

.videobg-3 {
    background-image: url(../assets/bg_3.f90adb4b.jpg)
}

.videobg-4 {
    background-image: url(../assets/bg_4.f446f5a4.jpg)
}

.videobg-5 {
    background-image: url(../assets/bg_5.82a8c281.jpg)
}

.videobg-11 {
    background-image: url(../assets/bg_11.0f119076.jpg)
}

.videobg-title {
    width: 100%;
    height: 3.7vh;
    color: #fff;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.videobg-title.score .vs {
    z-index: 1
}

.videobg-title.name .team {
    z-index: 2
}

.videobg-title.name-1 .team {
    background-color: #388e3d
}

.videobg-title.name-2 .team {
    background-color: #1187b2
}

.videobg-title.name-3 .team {
    background-color: #f68516
}

.videobg-title.name-4 .team {
    background-color: #ee6311
}

.videobg-title.name-5 .team {
    background-color: #303f9f
}

.videobg-title.name-6 .team,.videobg-title.name-11 .team {
    background-color: #388e3d
}

.videobg-title .team {
    width: calc(50% - 67px);
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: pre;
    font-family: Rajdhani,sans-serif!important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2;
    padding: 0 10px
}

.videobg-title .vs {
    width: 134px;
    font-family: Roboto,sans-serif!important;
    font-size: 14px;
    text-align: center
}

.videobg-title .team1 {
    text-align: left
}

.videobg-title .team2 {
    text-align: right
}

@media only screen and (width: 384px) {
    .videobg-title {
        height:8.5vw
    }
}

@media only screen and (width: 360px) {
    .videobg-title {
        height:8.5vw
    }
}

@media only screen and (width: 375px) {
    .bc-animation,.videobg {
        height:58.25vw
    }

    .videobg-title {
        height: 8.5vw
    }
}

@media only screen and (width: 390px) {
    .bc-animation,.videobg {
        height:58.25vw
    }

    .videobg-title {
        height: 9.5vw
    }
}

@media only screen and (width: 411px) {
    .videobg-title {
        height:5.5vw
    }
}

@media only screen and (width: 414px) {
    .videobg-title {
        height:5.5vw
    }
}

@media only screen and (width: 428px) {
    .videobg-title {
        height:5.5vw
    }
}

.sr-bb {
    font-family: Roboto,Noto,Helvetica Neue,Helvetica,Arial,sans-serif;
    text-align: left;
    background: #ffffff
}

.sr-bb.sr-rtl {
    text-align: right
}

.sr-bb .sr-bb {
    background: none
}

.sr-bb .srt-base-1 {
    background-color: transparent;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-win {
    background-color: transparent;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-draw {
    background-color: transparent;
    color: #0006;
    border-color: #0006
}

.sr-bb .srt-base-1-lose {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active {
    background-color: #ff00001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-2 {
    background-color: #e6e6e6;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-hoverable:hover {
    background-color: #ff00001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-1-primary {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-home-1 {
    background-color: transparent;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-away-1 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-home-2 {
    background-color: transparent;
    color: #00003c;
    border-color: #940000
}

.sr-bb .srt-base-1-away-2 {
    background-color: transparent;
    color: red;
    border-color: #940000
}

.sr-bb .srt-base-1-home-3 {
    background-color: transparent;
    color: #00003c;
    border-color: #0000001f
}

.sr-bb .srt-base-1-away-3 {
    background-color: transparent;
    color: red;
    border-color: #0000001f
}

.sr-bb .srt-base-1-home-4 {
    background-color: transparent;
    color: #4d4d77;
    border-color: #4d4d77
}

.sr-bb .srt-base-1-away-4 {
    background-color: transparent;
    color: #ff4d4d;
    border-color: #ff4d4d
}

.sr-bb .srt-base-1-home-5 {
    background-color: transparent;
    color: #000027;
    border-color: #000027
}

.sr-bb .srt-base-1-away-5 {
    background-color: transparent;
    color: #a60000;
    border-color: #a60000
}

.sr-bb .srt-base-1-background,.sr-bb .srt-base-2 {
    background-color: #fff;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-2-is-active,.sr-bb .srt-base-2-is-hoverable:hover,.sr-bb .srt-base-3 {
    background-color: #ffe0e0;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-3-is-active,.sr-bb .srt-base-3-is-hoverable:hover {
    background-color: #ffd4d4;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-3-background {
    background-color: #fff;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-4 {
    background-color: #fff2f2;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-5-is-active,.sr-bb .srt-base-5-is-hoverable:hover {
    background-color: #ffbdbd;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-base-6 {
    background-color: transparent;
    color: #000;
    border-color: #0000004d
}

.sr-bb .srt-primary-1 {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-1-is-active,.sr-bb .srt-primary-1-is-hoverable:hover {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-1-is-disabled {
    background-color: #f33;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-2 {
    background-color: #b30000;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-3 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-4,.sr-bb .srt-primary-5 {
    background-color: #f66;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-5-is-hoverable:hover {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-6 {
    background-color: #940000;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-7,.sr-bb .srt-primary-8 {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-8-is-active-1 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-8-is-active-2 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-9 {
    background-color: #ffb3b3;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-primary-10 {
    background-color: #f33;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-11 {
    background-color: #ff1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-primary-12 {
    background-color: red;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-primary-13 {
    background-color: #fff2f2;
    color: #fff;
    border-color: #ff00004d
}

.sr-bb .srt-base-1-primary-1 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-2 {
    background-color: transparent;
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-primary-3 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-4,.sr-bb .srt-base-1-primary-5 {
    background-color: transparent;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-primary-6 {
    background-color: transparent;
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-primary-7,.sr-bb .srt-base-1-primary-8 {
    background-color: transparent;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-primary-9 {
    background-color: transparent;
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-primary-10 {
    background-color: transparent;
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-primary-11 {
    background-color: transparent;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-primary-13 {
    background-color: #fff;
    color: #fff2f2;
    border-color: #ff00004d
}

.sr-bb .srt-base-1-neutral-1 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-2 {
    background-color: transparent;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-neutral-3 {
    background-color: transparent;
    color: #0000001f;
    border-color: #0000001f
}

.sr-bb .srt-base-1-neutral-4 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-5 {
    background-color: transparent;
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-neutral-6 {
    background-color: transparent;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-neutral-7 {
    background-color: transparent;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-neutral-8 {
    background-color: transparent;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-neutral-9 {
    background-color: transparent;
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-neutral-10 {
    background-color: transparent;
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-neutral-11 {
    background-color: transparent;
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-neutral-12 {
    background-color: transparent;
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-neutral-13 {
    background-color: transparent;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-base-1-is-active-primary {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-home-1 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #00003c
}

.sr-bb .srt-base-1-is-active-away-1 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-home-2 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-away-2 {
    background-color: #ff00001f;
    color: red;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-home-3 {
    background-color: #ff00001f;
    color: #00003c;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-away-3 {
    background-color: #ff00001f;
    color: red;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-home-4 {
    background-color: #ff00001f;
    color: #4d4d77;
    border-color: #4d4d77
}

.sr-bb .srt-base-1-is-active-away-4 {
    background-color: #ff00001f;
    color: #ff4d4d;
    border-color: #ff4d4d
}

.sr-bb .srt-base-1-is-active-home-5 {
    background-color: #ff00001f;
    color: #000027;
    border-color: #000027
}

.sr-bb .srt-base-1-is-active-away-5 {
    background-color: #ff00001f;
    color: #a60000;
    border-color: #a60000
}

.sr-bb .srt-base-1-is-active-primary-1 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-2 {
    background-color: #ff00001f;
    color: #b30000;
    border-color: #b30000
}

.sr-bb .srt-base-1-is-active-primary-3 {
    background-color: #ff00001f;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-primary-4,.sr-bb .srt-base-1-is-active-primary-5 {
    background-color: #ff00001f;
    color: #f66;
    border-color: #f66
}

.sr-bb .srt-base-1-is-active-primary-6 {
    background-color: #ff00001f;
    color: #940000;
    border-color: #940000
}

.sr-bb .srt-base-1-is-active-primary-7,.sr-bb .srt-base-1-is-active-primary-8 {
    background-color: #ff00001f;
    color: red;
    border-color: red
}

.sr-bb .srt-base-1-is-active-primary-9 {
    background-color: #ff00001f;
    color: #ffb3b3;
    border-color: #ffb3b3
}

.sr-bb .srt-base-1-is-active-primary-10 {
    background-color: #ff00001f;
    color: #f33;
    border-color: #f33
}

.sr-bb .srt-base-1-is-active-primary-11 {
    background-color: #ff00001f;
    color: #ff1a1a;
    border-color: #ff1a1a
}

.sr-bb .srt-base-1-is-active-neutral-1 {
    background-color: #ff00001f;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-2 {
    background-color: #ff00001f;
    color: #1a1a1a;
    border-color: #1a1a1a
}

.sr-bb .srt-base-1-is-active-neutral-3 {
    background-color: #ff00001f;
    color: #0000001f;
    border-color: #0000001f
}

.sr-bb .srt-base-1-is-active-neutral-4 {
    background-color: #ff00001f;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-5 {
    background-color: #ff00001f;
    color: #404040;
    border-color: #404040
}

.sr-bb .srt-base-1-is-active-neutral-6 {
    background-color: #ff00001f;
    color: #c2c2c2;
    border-color: #c2c2c2
}

.sr-bb .srt-base-1-is-active-neutral-7 {
    background-color: #ff00001f;
    color: #595959;
    border-color: #595959
}

.sr-bb .srt-base-1-is-active-neutral-8 {
    background-color: #ff00001f;
    color: #dedede;
    border-color: #dedede
}

.sr-bb .srt-base-1-is-active-neutral-9 {
    background-color: #ff00001f;
    color: #f0f0f0;
    border-color: #f0f0f0
}

.sr-bb .srt-base-1-is-active-neutral-10 {
    background-color: #ff00001f;
    color: #e0e0e0;
    border-color: #e0e0e0
}

.sr-bb .srt-base-1-is-active-neutral-11 {
    background-color: #ff00001f;
    color: #999;
    border-color: #999
}

.sr-bb .srt-base-1-is-active-neutral-12 {
    background-color: #ff00001f;
    color: #4d4d4d;
    border-color: #4d4d4d
}

.sr-bb .srt-base-1-is-active-neutral-13 {
    background-color: #ff00001f;
    color: #e6e6e6;
    border-color: #e6e6e6
}

.sr-bb .srt-home-1 {
    background-color: #00003c;
    color: #fff;
    border-color: #00003c
}

.sr-bb .srt-away-1 {
    background-color: red;
    color: #fff;
    border-color: red
}

.sr-bb .srt-home-2 {
    background-color: #00003c;
    color: #fff;
    border-color: #940000
}

.sr-bb .srt-away-2 {
    background-color: red;
    color: #fff;
    border-color: #940000
}

.sr-bb .srt-home-3 {
    background-color: #00003c;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-away-3 {
    background-color: red;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-home-4 {
    background-color: #4d4d77;
    color: #fff;
    border-color: #4d4d77
}

.sr-bb .srt-away-4 {
    background-color: #ff4d4d;
    color: #fff;
    border-color: #ff4d4d
}

.sr-bb .srt-home-5 {
    background-color: #000027;
    color: #fff;
    border-color: #000027
}

.sr-bb .srt-away-5 {
    background-color: #a60000;
    color: #fff;
    border-color: #a60000
}

.sr-bb .srt-home-6 {
    background-color: #00003c33;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-away-6 {
    background-color: #f003;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-home-6-is-hoverable:hover {
    background-color: #00003c33;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-away-6-is-hoverable:hover {
    background-color: #f003;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-1 {
    background-color: #dedede;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-2 {
    background-color: #1a1a1a;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-3 {
    background-color: #0000001f;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-4 {
    background-color: #595959;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-5 {
    background-color: #404040;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-6 {
    background-color: #c2c2c2;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-7 {
    background-color: #595959;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-8 {
    background-color: #dedede;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-9 {
    background-color: #f0f0f0;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-10 {
    background-color: #e0e0e0;
    color: #000000d1;
    border-color: #0000001f
}

.sr-bb .srt-neutral-11 {
    background-color: #999;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-neutral-12 {
    background-color: #4d4d4d;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-neutral-13 {
    background-color: #e6e6e6;
    color: #000;
    border-color: #0000001f
}

.sr-bb .srt-win {
    background-color: #00003c;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-draw {
    background-color: #0006;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-lose {
    background-color: red;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-text-secondary {
    opacity: .7;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-text-disabled {
    opacity: .35
}

.sr-bb .srt-text-tertiary {
    opacity: .54
}

.sr-bb .srt-primary-1 .srt-text-secondary,.sr-bb .srt-primary-1.srt-text-secondary,.sr-bb .srt-primary-1-is-active .srt-text-secondary,.sr-bb .srt-primary-1-is-active.srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-1-is-disabled .srt-text-secondary,.sr-bb .srt-primary-1-is-disabled.srt-text-secondary,.sr-bb .srt-primary-2 .srt-text-secondary,.sr-bb .srt-primary-2.srt-text-secondary,.sr-bb .srt-primary-3 .srt-text-secondary,.sr-bb .srt-primary-3.srt-text-secondary,.sr-bb .srt-primary-4 .srt-text-secondary,.sr-bb .srt-primary-4.srt-text-secondary,.sr-bb .srt-primary-5 .srt-text-secondary,.sr-bb .srt-primary-5.srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-secondary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-secondary,.sr-bb .srt-primary-6 .srt-text-secondary,.sr-bb .srt-primary-6.srt-text-secondary,.sr-bb .srt-primary-7 .srt-text-secondary,.sr-bb .srt-primary-7.srt-text-secondary,.sr-bb .srt-primary-8 .srt-text-secondary,.sr-bb .srt-primary-8.srt-text-secondary,.sr-bb .srt-primary-8-is-active-1 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-1.srt-text-secondary,.sr-bb .srt-primary-8-is-active-2 .srt-text-secondary,.sr-bb .srt-primary-8-is-active-2.srt-text-secondary,.sr-bb .srt-primary-9 .srt-text-secondary,.sr-bb .srt-primary-9.srt-text-secondary,.sr-bb .srt-primary-10 .srt-text-secondary,.sr-bb .srt-primary-10.srt-text-secondary,.sr-bb .srt-primary-11 .srt-text-secondary,.sr-bb .srt-primary-11.srt-text-secondary,.sr-bb .srt-primary-12 .srt-text-secondary,.sr-bb .srt-primary-12.srt-text-secondary,.sr-bb .srt-primary-13 .srt-text-secondary,.sr-bb .srt-primary-13.srt-text-secondary {
    opacity: .8;
    -webkit-font-smoothing: antialiased
}

.sr-bb .srt-primary-1 .srt-text-disabled,.sr-bb .srt-primary-1.srt-text-disabled,.sr-bb .srt-primary-1-is-active .srt-text-disabled,.sr-bb .srt-primary-1-is-active.srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-1-is-disabled .srt-text-disabled,.sr-bb .srt-primary-1-is-disabled.srt-text-disabled,.sr-bb .srt-primary-2 .srt-text-disabled,.sr-bb .srt-primary-2.srt-text-disabled,.sr-bb .srt-primary-3 .srt-text-disabled,.sr-bb .srt-primary-3.srt-text-disabled,.sr-bb .srt-primary-4 .srt-text-disabled,.sr-bb .srt-primary-4.srt-text-disabled,.sr-bb .srt-primary-5 .srt-text-disabled,.sr-bb .srt-primary-5.srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-disabled,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-disabled,.sr-bb .srt-primary-6 .srt-text-disabled,.sr-bb .srt-primary-6.srt-text-disabled,.sr-bb .srt-primary-7 .srt-text-disabled,.sr-bb .srt-primary-7.srt-text-disabled,.sr-bb .srt-primary-8 .srt-text-disabled,.sr-bb .srt-primary-8.srt-text-disabled,.sr-bb .srt-primary-8-is-active-1 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-1.srt-text-disabled,.sr-bb .srt-primary-8-is-active-2 .srt-text-disabled,.sr-bb .srt-primary-8-is-active-2.srt-text-disabled,.sr-bb .srt-primary-9 .srt-text-disabled,.sr-bb .srt-primary-9.srt-text-disabled,.sr-bb .srt-primary-10 .srt-text-disabled,.sr-bb .srt-primary-10.srt-text-disabled,.sr-bb .srt-primary-11 .srt-text-disabled,.sr-bb .srt-primary-11.srt-text-disabled,.sr-bb .srt-primary-12 .srt-text-disabled,.sr-bb .srt-primary-12.srt-text-disabled,.sr-bb .srt-primary-13 .srt-text-disabled,.sr-bb .srt-primary-13.srt-text-disabled {
    opacity: .6
}

.sr-bb .srt-primary-1 .srt-text-tertiary,.sr-bb .srt-primary-1.srt-text-tertiary,.sr-bb .srt-primary-1-is-active .srt-text-tertiary,.sr-bb .srt-primary-1-is-active.srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-1-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled .srt-text-tertiary,.sr-bb .srt-primary-1-is-disabled.srt-text-tertiary,.sr-bb .srt-primary-2 .srt-text-tertiary,.sr-bb .srt-primary-2.srt-text-tertiary,.sr-bb .srt-primary-3 .srt-text-tertiary,.sr-bb .srt-primary-3.srt-text-tertiary,.sr-bb .srt-primary-4 .srt-text-tertiary,.sr-bb .srt-primary-4.srt-text-tertiary,.sr-bb .srt-primary-5 .srt-text-tertiary,.sr-bb .srt-primary-5.srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover .srt-text-tertiary,.sr-bb .srt-primary-5-is-hoverable:hover.srt-text-tertiary,.sr-bb .srt-primary-6 .srt-text-tertiary,.sr-bb .srt-primary-6.srt-text-tertiary,.sr-bb .srt-primary-7 .srt-text-tertiary,.sr-bb .srt-primary-7.srt-text-tertiary,.sr-bb .srt-primary-8 .srt-text-tertiary,.sr-bb .srt-primary-8.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-1.srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2 .srt-text-tertiary,.sr-bb .srt-primary-8-is-active-2.srt-text-tertiary,.sr-bb .srt-primary-9 .srt-text-tertiary,.sr-bb .srt-primary-9.srt-text-tertiary,.sr-bb .srt-primary-10 .srt-text-tertiary,.sr-bb .srt-primary-10.srt-text-tertiary,.sr-bb .srt-primary-11 .srt-text-tertiary,.sr-bb .srt-primary-11.srt-text-tertiary,.sr-bb .srt-primary-12 .srt-text-tertiary,.sr-bb .srt-primary-12.srt-text-tertiary,.sr-bb .srt-primary-13 .srt-text-tertiary,.sr-bb .srt-primary-13.srt-text-tertiary {
    opacity: .7
}

.sr-bb .srt-icon {
    opacity: .33
}

.sr-bb .srt-icon-secondary {
    opacity: .7
}

.sr-bb .srt-elevation-1 {
    box-shadow: 0 1px 2px #0003,0 1px 3px #0000001a
}

.sr-bb .srt-elevation-2 {
    box-shadow: 0 3px 6px #0000003b,0 3px 6px #00000029
}

.sr-bb .srt-elevation-3 {
    box-shadow: 0 6px 6px #00000042,0 10px 20px #00000030
}

.sr-bb .srt-elevation-center-2 {
    box-shadow: 0 1px 5px #0000003b,0 1px 5px #00000029
}

.sr-bb .srt-inset-top-1 {
    box-shadow: inset 0 1px 2px #0000003b
}

.sr-bb .srt-inset-bottom-1 {
    box-shadow: inset 0 -1px 2px #0000003b
}

.sr-bb .srt-inset-top-2 {
    box-shadow: inset 0 3px 6px #0000003b
}

.sr-bb .srt-inset-bottom-2 {
    box-shadow: inset 0 -3px 6px #0000003b
}

.sr-bb .srt-inset-top-3 {
    box-shadow: inset 0 6px 6px #0000003b
}

.sr-bb .srt-inset-bottom-3 {
    box-shadow: inset 0 -6px 6px #0000003b
}

.sr-bb .srt-fill-blue-card {
    fill: #2579ad
}

.sr-bb .srt-stroke-blue-card {
    stroke: #2579ad
}

.sr-bb .srt-fill-soccer-yellow-card {
    fill: #ffbf00
}

.sr-bb .srt-stroke-soccer-yellow-card {
    stroke: #ffbf00
}

.sr-bb .srt-fill-soccer-red-card {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-red-card {
    stroke: #e43b3b
}

.sr-bb .srt-stroke-soccer-substitution-in {
    stroke: #4fbe30;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-in {
    fill: #4fbe30
}

.sr-bb .srt-stroke-soccer-substitution-out {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-substitution-out {
    fill: #e43b3b
}

.sr-bb .srt-stroke-soccer-own-goal {
    stroke: #e43b3b;
    fill: transparent
}

.sr-bb .srt-fill-soccer-own-goal {
    fill: #e43b3b
}

.sr-bb .srt-fill-soccer-relegation-1 {
    fill: #fdd835
}

.sr-bb .srt-stroke-soccer-relegation-1 {
    stroke: #fdd835
}

.sr-bb .srt-fill-soccer-relegation-2 {
    fill: #ffb848
}

.sr-bb .srt-stroke-soccer-relegation-2 {
    stroke: #ffb848
}

.sr-bb .srt-fill-soccer-relegation-3 {
    fill: #ef6c00
}

.sr-bb .srt-stroke-soccer-relegation-3 {
    stroke: #ef6c00
}

.sr-bb .srt-fill-soccer-relegation-4 {
    fill: #e93a34
}

.sr-bb .srt-stroke-soccer-relegation-4 {
    stroke: #e93a34
}

.sr-bb .srt-fill-soccer-relegation-5 {
    fill: #941d1d
}

.sr-bb .srt-stroke-soccer-relegation-5 {
    stroke: #941d1d
}

.sr-bb .srt-fill-soccer-promotion-1 {
    fill: #51d151
}

.sr-bb .srt-stroke-soccer-promotion-1 {
    stroke: #51d151
}

.sr-bb .srt-fill-soccer-promotion-2 {
    fill: #1b911b
}

.sr-bb .srt-stroke-soccer-promotion-2 {
    stroke: #1b911b
}

.sr-bb .srt-fill-soccer-promotion-3 {
    fill: #0e8094
}

.sr-bb .srt-stroke-soccer-promotion-3 {
    stroke: #0e8094
}

.sr-bb .srt-fill-soccer-promotion-4 {
    fill: #0a6cce
}

.sr-bb .srt-stroke-soccer-promotion-4 {
    stroke: #0a6cce
}

.sr-bb .srt-fill-soccer-promotion-5 {
    fill: #4a9fe4
}

.sr-bb .srt-stroke-soccer-promotion-5 {
    stroke: #4a9fe4
}

.sr-bb .srt-nfl-timeout-1 {
    background-color: #f5a623;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-nfl-timeout-2 {
    background-color: #f5a6234d;
    color: #fff;
    border-color: #ffffff29
}

.sr-bb .srt-nfl-penalty {
    background-color: #f4a621;
    color: #fff;
    border-color: #f4a621
}

.sr-bb .srt-nfl-negative-yards-1,.sr-bb .srt-nfl-negative-yards-2 {
    background-color: #ac182e;
    color: #fff;
    border-color: #ac182e
}

.sr-bb .srt-nfl-first-line {
    background-color: #4b90de;
    color: #fff;
    border-color: #4b90de
}

.sr-bb .srt-nfl-ten-line {
    background-color: #f5a623;
    color: #fff;
    border-color: #f5a623
}

.sr-bb .srt-fill-nfl-penalty {
    fill: #f4a621
}

.sr-bb .srt-stroke-nfl-penalty {
    stroke: #f4a621
}

.sr-bb .srt-fill-nfl-negative-yards-1 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-1 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-negative-yards-2 {
    fill: #ac182e
}

.sr-bb .srt-stroke-nfl-negative-yards-2 {
    stroke: #ac182e
}

.sr-bb .srt-fill-nfl-first-line {
    fill: #4b90de
}

.sr-bb .srt-stroke-nfl-first-line {
    stroke: #4b90de
}

.sr-bb .srt-fill-nfl-ten-line {
    fill: #f5a623
}

.sr-bb .srt-stroke-nfl-ten-line {
    stroke: #f5a623
}

.sr-bb .srt-mlb-run-1 {
    background-color: #090;
    color: #fff;
    border-color: #090
}

.sr-bb .srt-mlb-run-2 {
    background-color: #fff;
    color: #090;
    border-color: #090
}

.sr-bb .srt-mlb-hit-1 {
    background-color: #f7ab11;
    color: #000;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-2 {
    background-color: #fff;
    color: #f7ab11;
    border-color: #f7ab11
}

.sr-bb .srt-mlb-hit-3 {
    background-color: #00a4ff;
    color: #fff;
    border-color: #00a4ff
}

.sr-bb .srt-mlb-error-1 {
    background-color: #d0021b;
    color: #fff;
    border-color: #d0021b
}

.sr-bb .srt-mlb-error-2 {
    background-color: #fff;
    color: #d0021b;
    border-color: #d0021b
}

.sr-bb .srt-mlb-neutral-1 {
    background-color: #212121;
    color: #fff;
    border-color: #fff
}

.sr-bb .srt-fill-mlb-base,.sr-bb .srt-strole-mlb-base {
    fill: #00a4ff
}

.sr-bb .srt-fill-change-increase {
    fill: #00003c
}

.sr-bb .srt-stroke-change-increase {
    stroke: #00003c
}

.sr-bb .srt-fill-change-decrease {
    fill: red
}

.sr-bb .srt-stroke-change-decrease {
    stroke: red
}

.sr-bb .srt-fill-text {
    fill: #000
}

.sr-bb .srt-fill-text-invert {
    fill: #fff
}

.sr-bb .srt-fill-text-secondary {
    fill-opacity: .7
}

.sr-bb .srt-fill-text-disabled {
    fill-opacity: .35
}

.sr-bb .srt-fill-base-1 {
    fill: transparent
}

.sr-bb .srt-stroke-base-1 {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-active {
    fill: #ff00001f
}

.sr-bb .srt-stroke-base-1-active {
    stroke: #ff00001f
}

.sr-bb .srt-fill-base-1-active-2 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-base-1-active-2 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-base-1-primary {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-primary {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-home {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-home {
    stroke: transparent
}

.sr-bb .srt-fill-base-1-away {
    fill: transparent
}

.sr-bb .srt-stroke-base-1-away {
    stroke: transparent
}

.sr-bb .srt-fill-base-2 {
    fill: currentColor
}

.sr-bb .srt-stroke-base-2 {
    stroke: currentColor
}

.sr-bb .srt-fill-base-2-active {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-active {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-2-hover {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-2-hover {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3 {
    fill: #ffe0e0
}

.sr-bb .srt-stroke-base-3 {
    stroke: #ffe0e0
}

.sr-bb .srt-fill-base-3-active {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-active {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-base-3-hover {
    fill: #ffd4d4
}

.sr-bb .srt-stroke-base-3-hover {
    stroke: #ffd4d4
}

.sr-bb .srt-fill-primary-1 {
    fill: red
}

.sr-bb .srt-stroke-primary-1 {
    stroke: red
}

.sr-bb .srt-fill-primary-2 {
    fill: #b30000
}

.sr-bb .srt-stroke-primary-2 {
    stroke: #b30000
}

.sr-bb .srt-fill-primary-3 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-3 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-4 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-4 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-5 {
    fill: #f66
}

.sr-bb .srt-stroke-primary-5 {
    stroke: #f66
}

.sr-bb .srt-fill-primary-6 {
    fill: #940000
}

.sr-bb .srt-stroke-primary-6 {
    stroke: #940000
}

.sr-bb .srt-fill-primary-7 {
    fill: red
}

.sr-bb .srt-stroke-primary-7 {
    stroke: red
}

.sr-bb .srt-fill-primary-8 {
    fill: red
}

.sr-bb .srt-stroke-primary-8 {
    stroke: red
}

.sr-bb .srt-fill-primary-8-is-active-1 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-1 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-8-is-active-2 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-8-is-active-2 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-9 {
    fill: #ffb3b3
}

.sr-bb .srt-stroke-primary-9 {
    stroke: #ffb3b3
}

.sr-bb .srt-fill-primary-10 {
    fill: #f33
}

.sr-bb .srt-stroke-primary-10 {
    stroke: #f33
}

.sr-bb .srt-fill-primary-11 {
    fill: #ff1a1a
}

.sr-bb .srt-stroke-primary-11 {
    stroke: #ff1a1a
}

.sr-bb .srt-fill-primary-12 {
    fill: red
}

.sr-bb .srt-stroke-primary-12 {
    stroke: red
}

.sr-bb .srt-fill-home-1 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-1 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-2 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-2 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-3 {
    fill: #00003c
}

.sr-bb .srt-stroke-home-3 {
    stroke: #00003c
}

.sr-bb .srt-fill-home-4 {
    fill: #4d4d77
}

.sr-bb .srt-stroke-home-4 {
    stroke: #4d4d77
}

.sr-bb .srt-fill-home-5 {
    fill: #000027
}

.sr-bb .srt-stroke-home-5 {
    stroke: #000027
}

.sr-bb .srt-fill-away-1 {
    fill: red
}

.sr-bb .srt-stroke-away-1 {
    stroke: red
}

.sr-bb .srt-fill-away-2 {
    fill: red
}

.sr-bb .srt-stroke-away-2 {
    stroke: red
}

.sr-bb .srt-fill-away-3 {
    fill: red
}

.sr-bb .srt-stroke-away-3 {
    stroke: red
}

.sr-bb .srt-fill-away-4 {
    fill: #ff4d4d
}

.sr-bb .srt-stroke-away-4 {
    stroke: #ff4d4d
}

.sr-bb .srt-fill-away-5 {
    fill: #a60000
}

.sr-bb .srt-stroke-away-5 {
    stroke: #a60000
}

.sr-bb .srt-fill-neutral-1 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-1 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-2 {
    fill: #1a1a1a
}

.sr-bb .srt-stroke-neutral-2 {
    stroke: #1a1a1a
}

.sr-bb .srt-fill-neutral-3 {
    fill: #0000001f
}

.sr-bb .srt-stroke-neutral-3 {
    stroke: #0000001f
}

.sr-bb .srt-fill-neutral-4 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-4 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-5 {
    fill: #404040
}

.sr-bb .srt-stroke-neutral-5 {
    stroke: #404040
}

.sr-bb .srt-fill-neutral-6 {
    fill: #c2c2c2
}

.sr-bb .srt-stroke-neutral-6 {
    stroke: #c2c2c2
}

.sr-bb .srt-fill-neutral-7 {
    fill: #595959
}

.sr-bb .srt-stroke-neutral-7 {
    stroke: #595959
}

.sr-bb .srt-fill-neutral-8 {
    fill: #dedede
}

.sr-bb .srt-stroke-neutral-8 {
    stroke: #dedede
}

.sr-bb .srt-fill-neutral-9 {
    fill: #f0f0f0
}

.sr-bb .srt-stroke-neutral-9 {
    stroke: #f0f0f0
}

.sr-bb .srt-fill-neutral-10 {
    fill: #e0e0e0
}

.sr-bb .srt-stroke-neutral-10 {
    stroke: #e0e0e0
}

.sr-bb .srt-fill-neutral-11 {
    fill: #999
}

.sr-bb .srt-stroke-neutral-11 {
    stroke: #999
}

.sr-bb .srt-fill-neutral-12 {
    fill: #4d4d4d
}

.sr-bb .srt-stroke-neutral-12 {
    stroke: #4d4d4d
}

.sr-bb .srt-fill-neutral-13 {
    fill: #e6e6e6
}

.sr-bb .srt-stroke-neutral-13 {
    stroke: #e6e6e6
}

.sr-bb .srt-fill-win {
    fill: #00003c
}

.sr-bb .srt-stroke-win {
    stroke: #00003c
}

.sr-bb .srt-fill-draw {
    fill: #0006
}

.sr-bb .srt-stroke-draw {
    stroke: #0006
}

.sr-bb .srt-fill-lose {
    fill: red
}

.sr-bb .srt-stroke-lose {
    stroke: red
}

.sr-bb .srt-stop-base-1 {
    stop-color: transparent
}

.sr-bb .srt-stop-primary-1 {
    stop-color: red
}

.sr-bb .srt-stop-primary-2 {
    stop-color: #b30000
}

.sr-bb .srt-stop-primary-3 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-4,.sr-bb .srt-stop-primary-5 {
    stop-color: #f66
}

.sr-bb .srt-stop-primary-6 {
    stop-color: #940000
}

.sr-bb .srt-stop-primary-7,.sr-bb .srt-stop-primary-8 {
    stop-color: red
}

.sr-bb .srt-stop-primary-9 {
    stop-color: #ffb3b3
}

.sr-bb .srt-stop-primary-10 {
    stop-color: #f33
}

.sr-bb .srt-stop-primary-11 {
    stop-color: #ff1a1a
}

.sr-bb .srt-stop-primary-12 {
    stop-color: red
}

.sr-bb .srt-stop-home-1 {
    stop-color: #00003c
}

.sr-bb .srt-stop-away-1 {
    stop-color: red
}

.sr-bb .srt-fill-neutral-14 {
    fill: #fff
}

.sr-bb .srt-stroke-neutral-14 {
    stroke: #fff
}

.sr-bb .srt-logo-powered-by-light {
    display: inline-block
}

.sr-bb .srt-logo-powered-by-dark,.sr-bb .sr-lmt-plus__footer-wrapper {
    display: none
}

.head-league button {
    width: auto;
    position: absolute;
    right: 2vw;
    padding: 1vw 2vw;
    background: none;
    border: 1px solid var(--spborderColor01);
    color: var(--spbgColor06);
    font-size: .813rem
}

.sport-result .head-league {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.sport-result .head-league input {
    width: 55vw;
    height: 7vw;
    font-size: .875rem;
    padding: 0 10px;
    border-radius: .5vw;
    -o-background-size: 3.6vw;
    background-size: 3.6vw;
    background-position: 50vw 2vw;
    line-height: initial;
    background-color: var(--spbgColor06);
    -webkit-border-radius: .5vw;
    -moz-border-radius: .5vw;
    -ms-border-radius: .5vw;
    -o-border-radius: .5vw;
    text-align: center;
    color: var(--sptxtColor05)
}

.sport-result-box .sport-trigger {
    padding: 2vw;
    color: var(--sptxtColor05);
    background: var(--spbgColor12);
    border-bottom: 2px solid var(--spborderColor01)
}

.sport-result-box .sport-trigger:before,.sport-result-box .sport-trigger:after {
    display: none
}

.sport-result-box .sport-trigger ul {
    width: 100%
}

.sport-result-box .sport-trigger ul li {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: .813rem
}

.sport-result-box .sport-trigger ul li b:first-child {
    color: var(--sptxtColor05)
}

.sport-result-box .sport-trigger ul li b:last-child {
    color: var(--sptxtColor03)
}

.sport-result-box .sport-trigger ul li p {
    padding-left: 0vw;
    font-weight: 400;
    font-size: .688rem
}

.sport-result-box .sport-trigger ul li p:last-child {
    color: var(--sptxtColor02);
    font-weight: 700
}

.sport-content ul.result li {
    font-size: .813rem;
    color: var(--sptxtColor04);
    background: var(--spbgColor02);
    border-bottom: 1px solid var(--spborderColor01);
    padding: 2vw;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sport-content ul.result li b:last-child {
    color: var(--sptxtColor07)
}

.top-result-filter span.icon-filter {
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../assets/icon-filter.f32c7469.svg);
    margin-left: 6px
}

.top-result-filter span.icon-filter.on {
    background-image: url(../assets/icon-filter-on.082773cf.svg)
}

.result-filter {
    display: none;
    color: var(--sptxtColor05);
    background: var(--spbgColor11);
    padding: 2.4vw 3vw;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    -moz-transition: all .25s linear;
    transition: all .25s linear
}

.result-filter.is-visible {
    display: block;
    z-index: 1
}

.result-filter .input-group {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.result-filter .input-date {
    width: 48%;
    position: relative;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: var(--spbgColor06);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 4px 6px
}

.result-filter .input-group .input-search,.result-filter .select-group {
    width: 100%;
    background: var(--spbgColor06);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 4px 6px
}

.result-filter .list {
    font-size: .875rem
}

.result-filter .list-switch {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 2.4vw 0
}

.result-filter .list b {
    padding-left: 1vw;
    margin: 1vw 0;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.result-filter .list-switch b {
    margin-right: 4vw
}

.result-filter .list-switch .toggle-switch {
    background: var(--sptxtColor05)
}

.result-filter .list-switch .toggle-checkbox:checked+.toggle-switch {
    background: var(--spbgColor02)
}

.result-filter input {
    width: 85%;
    padding: 4px
}

.result-filter .input-date span.icon-close {
    position: absolute;
    right: 2px;
    top: 3px;
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
    color: var(--sptxtColor01);
    border: 1px solid var(--sptxtColor01);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 6px;
    font-size: .72rem;
    font-weight: 700
}

.result-filter .input-group .input-search input {
    width: 90%
}

.result-filter .input-group .input-search .icon-search {
    color: var(--sptxtColor01);
    padding-left: 1vw
}

.result-filter .select-group select {
    width: 100%;
    background-position: right center;
    background-image: url(../assets/select-arrow.268c1e38.svg)
}

.result-filter button.submit {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0vw auto 1vw;
    background: var(--spbgColor03);
    color: var(--sptxtColor04)
}

.sport-items .loading {
    height: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 40px
}

.no-webp .sp-tab-default,.no-webp .sp-tab-undefined,.no-webp .sp-tab-pistolshooting,.no-webp ul.tab-type li a .sp-tab-default {
    background-image: url(/assets/sp-tab-default.png)
}

.webp .sp-tab-default,.webp .sp-tab-undefined,.webp .sp-tab-pistolshooting,.webp ul.tab-type li a .sp-tab-default {
    background-image: url(/assets/sp-tab-default.webp)
}

.no-webp ul.tab-type li a .tab-logo.sp-tab-favorite {
    background-image: url(/assets/sp-tab-favorite.png);
    margin-top: 3px
}

.webp ul.tab-type li a .tab-logo.sp-tab-favorite {
    background-image: url(/assets/sp-tab-favorite.webp);
    margin-top: 3px
}

.no-webp ul.tab-type li a .tab-logo.sp-tab-all {
    background-image: url(/assets/sp-tab-all.png)
}

.webp ul.tab-type li a .tab-logo.sp-tab-all {
    background-image: url(/assets/sp-tab-all.webp)
}

.no-webp .sp-tab-league,.no-webp ul.tab-type li a .tab-logo.sp-tab-league {
    background-image: url(/assets/sp-tab-league.png)
}

.webp .sp-tab-league,.webp ul.tab-type li a .tab-logo.sp-tab-league {
    background-image: url(/assets/sp-tab-league.webp)
}

.no-webp .sp-tab-soccer,.no-webp ul.tab-type li a .tab-logo.sp-tab-soccer {
    background-image: url(/assets/sp-tab-soccer.png)
}

.webp .sp-tab-soccer,.webp ul.tab-type li a .tab-logo.sp-tab-soccer {
    background-image: url(/assets/sp-tab-soccer.webp?v1)
}

.no-webp .sp-tab-basketball,.no-webp ul.tab-type li a .tab-logo.sp-tab-basketball {
    background-image: url(/assets/sp-tab-basketball.png)
}

.webp .sp-tab-basketball,.webp ul.tab-type li a .tab-logo.sp-tab-basketball {
    background-image: url(/assets/sp-tab-basketball.webp)
}

.no-webp .sp-tab-baseball,.no-webp ul.tab-type li a .tab-logo.sp-tab-baseball {
    background-image: url(/assets/sp-tab-baseball.png)
}

.webp .sp-tab-baseball,.webp ul.tab-type li a .tab-logo.sp-tab-baseball {
    background-image: url(/assets/sp-tab-baseball.webp)
}

.no-webp .sp-tab-volleyball,.no-webp ul.tab-type li a .tab-logo.sp-tab-volleyball {
    background-image: url(/assets/sp-tab-volleyball.png)
}

.webp .sp-tab-volleyball,.webp ul.tab-type li a .tab-logo.sp-tab-volleyball {
    background-image: url(/assets/sp-tab-volleyball.webp)
}

.no-webp .sp-tab-icehockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-icehockey {
    background-image: url(/assets/sp-tab-icehockey.png)
}

.webp .sp-tab-icehockey,.webp ul.tab-type li a .tab-logo.sp-tab-icehockey {
    background-image: url(/assets/sp-tab-icehockey.webp)
}

.no-webp .sp-tab-tennis,.no-webp ul.tab-type li a .tab-logo.sp-tab-tennis {
    background-image: url(/assets/sp-tab-tennis.png)
}

.webp .sp-tab-tennis,.webp ul.tab-type li a .tab-logo.sp-tab-tennis {
    background-image: url(/assets/sp-tab-tennis.webp)
}

.no-webp .sp-tab-australianfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-australianfootball {
    background-image: url(../assets/sp-tab-australianfootball.e4fc2485.png)
}

.webp .sp-tab-australianfootball,.webp ul.tab-type li a .tab-logo.sp-tab-australianfootball {
    background-image: url(../assets/sp-tab-australianfootball.ea84a346.webp)
}

.no-webp .sp-tab-biathlon,.no-webp ul.tab-type li a .tab-logo.sp-tab-biathlon {
    background-image: url(../assets/sp-tab-biathlon.9e03cf59.png)
}

.webp .sp-tab-biathlon,.webp ul.tab-type li a .tab-logo.sp-tab-biathlon {
    background-image: url(../assets/sp-tab-biathlon.f9f31a33.webp)
}

.no-webp .sp-tab-americanfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-americanfootball {
    background-image: url(../assets/sp-tab-americanfootball.46b230a7.png)
}

.webp .sp-tab-americanfootball,.webp ul.tab-type li a .tab-logo.sp-tab-americanfootball {
    background-image: url(../assets/sp-tab-americanfootball.3c3597a7.webp)
}

.no-webp .sp-tab-beachfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-beachfootball {
    background-image: url(../assets/sp-tab-beachfootball.d958a570.png)
}

.webp .sp-tab-beachfootball,.webp ul.tab-type li a .tab-logo.sp-tab-beachfootball {
    background-image: url(../assets/sp-tab-beachfootball.81f14fe4.webp)
}

.no-webp .sp-tab-beachvolleyball,.no-webp ul.tab-type li a .tab-logo.sp-tab-beachvolleyball {
    background-image: url(../assets/sp-tab-beachvolleyball.92db0f1d.png)
}

.webp .sp-tab-beachvolleyball,.webp ul.tab-type li a .tab-logo.sp-tab-beachvolleyball {
    background-image: url(../assets/sp-tab-beachvolleyball.c38aff1e.webp)
}

.no-webp .sp-tab-bowls,.no-webp ul.tab-type li a .tab-logo.sp-tab-bowls {
    background-image: url(../assets/sp-tab-bowls.bb3a36e1.png)
}

.webp .sp-tab-bowls,.webp ul.tab-type li a .tab-logo.sp-tab-bowls {
    background-image: url(../assets/sp-tab-bowls.9dea81fb.webp)
}

.no-webp .sp-tab-boxing,.no-webp ul.tab-type li a .tab-logo.sp-tab-boxing {
    background-image: url(../assets/sp-tab-boxing.240b04db.png)
}

.webp .sp-tab-boxing,.webp ul.tab-type li a .tab-logo.sp-tab-boxing {
    background-image: url(../assets/sp-tab-boxing.d822cd33.webp)
}

.no-webp .sp-tab-chess,.no-webp ul.tab-type li a .tab-logo.sp-tab-chess {
    background-image: url(../assets/sp-tab-chess.b31cba22.png)
}

.webp .sp-tab-chess,.webp ul.tab-type li a .tab-logo.sp-tab-chess {
    background-image: url(../assets/sp-tab-chess.da6065fe.webp)
}

.no-webp .sp-tab-cricket,.no-webp ul.tab-type li a .tab-logo.sp-tab-cricket {
    background-image: url(../assets/sp-tab-cricket.fca83d09.png)
}

.webp .sp-tab-cricket,.webp ul.tab-type li a .tab-logo.sp-tab-cricket {
    background-image: url(../assets/sp-tab-cricket.9984c600.webp)
}

.no-webp .sp-tab-darts,.no-webp ul.tab-type li a .tab-logo.sp-tab-darts {
    background-image: url(../assets/sp-tab-darts.242989fa.png)
}

.webp .sp-tab-darts,.webp ul.tab-type li a .tab-logo.sp-tab-darts {
    background-image: url(../assets/sp-tab-darts.a6fdc0ea.webp)
}

.no-webp .sp-tab-cycling,.no-webp ul.tab-type li a .tab-logo.sp-tab-cycling {
    background-image: url(../assets/sp-tab-cycling.db79e32e.png)
}

.webp .sp-tab-cycling,.webp ul.tab-type li a .tab-logo.sp-tab-cycling {
    background-image: url(../assets/sp-tab-cycling.762e6de7.webp)
}

.no-webp .sp-tab-formula1,.no-webp ul.tab-type li a .tab-logo.sp-tab-formula1 {
    background-image: url(../assets/sp-tab-formula1.c4b89876.png)
}

.webp .sp-tab-formula1,.webp ul.tab-type li a .tab-logo.sp-tab-formula1 {
    background-image: url(../assets/sp-tab-formula1.c23cd99b.webp)
}

.no-webp .sp-tab-golf,.no-webp ul.tab-type li a .tab-logo.sp-tab-golf {
    background-image: url(../assets/sp-tab-golf.98fded36.png)
}

.webp .sp-tab-golf,.webp ul.tab-type li a .tab-logo.sp-tab-golf {
    background-image: url(../assets/sp-tab-golf.c4073943.webp)
}

.no-webp .sp-tab-handball,.no-webp ul.tab-type li a .tab-logo.sp-tab-handball {
    background-image: url(../assets/sp-tab-handball.4d3c96e4.png)
}

.webp .sp-tab-handball,.webp ul.tab-type li a .tab-logo.sp-tab-handball {
    background-image: url(../assets/sp-tab-handball.ea24fbb7.webp)
}

.no-webp .sp-tab-hockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-hockey {
    background-image: url(../assets/sp-tab-hockey.1fc83c16.png)
}

.webp .sp-tab-hockey,.webp ul.tab-type li a .tab-logo.sp-tab-hockey {
    background-image: url(../assets/sp-tab-hockey.643548a0.webp)
}

.no-webp .sp-tab-pool,.no-webp ul.tab-type li a .tab-logo.sp-tab-pool {
    background-image: url(../assets/sp-tab-pool.cdaaa0b9.png)
}

.webp .sp-tab-pool,.webp ul.tab-type li a .tab-logo.sp-tab-pool {
    background-image: url(../assets/sp-tab-pool.7074bfe6.webp)
}

.no-webp .sp-tab-motorsport,.no-webp ul.tab-type li a .tab-logo.sp-tab-motorsport {
    background-image: url(../assets/sp-tab-motorsport.1ddd785c.png)
}

.webp .sp-tab-motorsport,.webp ul.tab-type li a .tab-logo.sp-tab-motorsport {
    background-image: url(../assets/sp-tab-motorsport.c056c4d6.webp)
}

.no-webp .sp-tab-nascar,.no-webp ul.tab-type li a .tab-logo.sp-tab-nascar {
    background-image: url(../assets/sp-tab-nascar.ef5716ba.png)
}

.webp .sp-tab-nascar,.webp ul.tab-type li a .tab-logo.sp-tab-nascar {
    background-image: url(../assets/sp-tab-nascar.c82c7b48.webp)
}

.no-webp .sp-tab-rally,.no-webp ul.tab-type li a .tab-logo.sp-tab-rally {
    background-image: url(../assets/sp-tab-rally.7ca9c8f7.png)
}

.webp .sp-tab-rally,.webp ul.tab-type li a .tab-logo.sp-tab-rally {
    background-image: url(../assets/sp-tab-rally.ec7d2e11.webp)
}

.no-webp .sp-tab-rallyugbyleague,.no-webp ul.tab-type li a .tab-logo.sp-tab-rallyugbyleague {
    background-image: url(../assets/sp-tab-rallyugbyleague.a8f473bd.png)
}

.webp .sp-tab-rallyugbyleague,.webp ul.tab-type li a .tab-logo.sp-tab-rallyugbyleague {
    background-image: url(../assets/sp-tab-rallyugbyleague.8313c9e6.webp)
}

.no-webp .sp-tab-rugbyunion,.no-webp ul.tab-type li a .tab-logo.sp-tab-rugbyunion {
    background-image: url(../assets/sp-tab-rugbyunion.6d10c6da.png)
}

.webp .sp-tab-rugbyunion,.webp ul.tab-type li a .tab-logo.sp-tab-rugbyunion {
    background-image: url(../assets/sp-tab-rugbyunion.6c131715.webp)
}

.no-webp .sp-tab-floorball,.no-webp ul.tab-type li a .tab-logo.sp-tab-floorball {
    background-image: url(../assets/sp-tab-floorball.0f73f032.png)
}

.webp .sp-tab-floorball,.webp ul.tab-type li a .tab-logo.sp-tab-floorball {
    background-image: url(../assets/sp-tab-floorball.ec4fc0ac.webp)
}

.no-webp .sp-tab-gaelicfootball,.no-webp ul.tab-type li a .tab-logo.sp-tab-gaelicfootball {
    background-image: url(../assets/sp-tab-gaelicfootball.60399619.png)
}

.webp .sp-tab-gaelicfootball,.webp ul.tab-type li a .tab-logo.sp-tab-gaelicfootball {
    background-image: url(../assets/sp-tab-gaelicfootball.7a1f766d.webp)
}

.no-webp .sp-tab-hurling,.no-webp ul.tab-type li a .tab-logo.sp-tab-hurling {
    background-image: url(../assets/sp-tab-hurling.c855d4fa.png)
}

.webp .sp-tab-hurling,.webp ul.tab-type li a .tab-logo.sp-tab-hurling {
    background-image: url(../assets/sp-tab-hurling.d63be653.webp)
}

.no-webp .sp-tab-surfing,.no-webp ul.tab-type li a .tab-logo.sp-tab-surfing {
    background-image: url(../assets/sp-tab-surfing.e4faddb0.png)
}

.webp .sp-tab-surfing,.webp ul.tab-type li a .tab-logo.sp-tab-surfing {
    background-image: url(../assets/sp-tab-surfing.546901ff.webp)
}

.no-webp .sp-tab-speedway,.no-webp ul.tab-type li a .tab-logo.sp-tab-speedway {
    background-image: url(../assets/sp-tab-speedway.26138108.png)
}

.webp .sp-tab-speedway,.webp ul.tab-type li a .tab-logo.sp-tab-speedway {
    background-image: url(../assets/sp-tab-speedway.f7e4cbe7.webp)
}

.no-webp .sp-tab-squash,.no-webp ul.tab-type li a .tab-logo.sp-tab-squash {
    background-image: url(../assets/sp-tab-squash.492af4d3.png)
}

.webp .sp-tab-squash,.webp ul.tab-type li a .tab-logo.sp-tab-squash {
    background-image: url(../assets/sp-tab-squash.d6e0cf10.webp)
}

.no-webp .sp-tab-politics,.no-webp ul.tab-type li a .tab-logo.sp-tab-politics {
    background-image: url(../assets/sp-tab-politics.00169156.png)
}

.webp .sp-tab-politics,.webp ul.tab-type li a .tab-logo.sp-tab-politics {
    background-image: url(../assets/sp-tab-politics.aae6ba38.webp)
}

.no-webp .sp-tab-specialbets,.no-webp ul.tab-type li a .tab-logo.sp-tab-specialbets {
    background-image: url(../assets/sp-tab-specialbets.1cf9de01.png)
}

.webp .sp-tab-specialbets,.webp ul.tab-type li a .tab-logo.sp-tab-specialbets {
    background-image: url(../assets/sp-tab-specialbets.151e9a95.webp)
}

.no-webp .sp-tab-oscar,.no-webp ul.tab-type li a .tab-logo.sp-tab-oscar {
    background-image: url(../assets/sp-tab-oscar.115c47f6.png)
}

.webp .sp-tab-oscar,.webp ul.tab-type li a .tab-logo.sp-tab-oscar {
    background-image: url(../assets/sp-tab-oscar.2b078703.webp)
}

.no-webp .sp-tab-rugbysevens,.no-webp ul.tab-type li a .tab-logo.sp-tab-rugbysevens {
    background-image: url(../assets/sp-tab-rugbysevens.94c818af.png)
}

.webp .sp-tab-rugbysevens,.webp ul.tab-type li a .tab-logo.sp-tab-rugbysevens {
    background-image: url(../assets/sp-tab-rugbysevens.55efc603.webp)
}

.no-webp .sp-tab-autoracing,.no-webp ul.tab-type li a .tab-logo.sp-tab-autoracing {
    background-image: url(../assets/sp-tab-autoracing.ac3458e2.png)
}

.webp .sp-tab-autoracing,.webp ul.tab-type li a .tab-logo.sp-tab-autoracing {
    background-image: url(../assets/sp-tab-autoracing.5afd3f62.webp)
}

.no-webp .sp-tab-alpineskiing,.no-webp ul.tab-type li a .tab-logo.sp-tab-alpineskiing {
    background-image: url(../assets/sp-tab-alpineskiing.24b45422.png)
}

.webp .sp-tab-alpineskiing,.webp ul.tab-type li a .tab-logo.sp-tab-alpineskiing {
    background-image: url(../assets/sp-tab-alpineskiing.4d0d37bd.webp)
}

.no-webp .sp-tab-pesapallo,.no-webp ul.tab-type li a .tab-logo.sp-tab-pesapallo {
    background-image: url(../assets/sp-tab-pesapallo.7d735948.png)
}

.webp .sp-tab-pesapallo,.webp ul.tab-type li a .tab-logo.sp-tab-pesapallo {
    background-image: url(../assets/sp-tab-pesapallo.426059cc.webp)
}

.no-webp .sp-tab-skijumping,.no-webp ul.tab-type li a .tab-logo.sp-tab-skijumping {
    background-image: url(../assets/sp-tab-skijumping.58322a21.png)
}

.webp .sp-tab-skijumping,.webp ul.tab-type li a .tab-logo.sp-tab-skijumping {
    background-image: url(../assets/sp-tab-skijumping.1bf440f1.webp)
}

.no-webp .sp-tab-netball,.no-webp ul.tab-type li a .tab-logo.sp-tab-netball {
    background-image: url(../assets/sp-tab-netball.b0ccb076.png)
}

.webp .sp-tab-netball,.webp ul.tab-type li a .tab-logo.sp-tab-netball {
    background-image: url(../assets/sp-tab-netball.d87f28cf.webp)
}

.no-webp .sp-tab-lacross,.no-webp ul.tab-type li a .tab-logo.sp-tab-lacross {
    background-image: url(../assets/sp-tab-lacross.0fd71e0b.png)
}

.webp .sp-tab-lacross,.webp ul.tab-type li a .tab-logo.sp-tab-lacross {
    background-image: url(../assets/sp-tab-lacross.d6198de7.webp)
}

.no-webp .sp-tab-freestylewrestling,.no-webp ul.tab-type li a .tab-logo.sp-tab-freestylewrestling {
    background-image: url(../assets/sp-tab-freestylewrestling.c6fb31d5.png)
}

.webp .sp-tab-freestylewrestling,.webp ul.tab-type li a .tab-logo.sp-tab-freestylewrestling {
    background-image: url(../assets/sp-tab-freestylewrestling.653f5de8.webp)
}

.no-webp .sp-tab-rinkhockey,.no-webp ul.tab-type li a .tab-logo.sp-tab-rinkhockey {
    background-image: url(../assets/sp-tab-rinkhockey.07008bb7.png)
}

.webp .sp-tab-rinkhockey,.webp ul.tab-type li a .tab-logo.sp-tab-rinkhockey {
    background-image: url(../assets/sp-tab-rinkhockey.0d6f363e.webp)
}

.no-webp .sp-tab-archeryh2h,.no-webp ul.tab-type li a .tab-logo.sp-tab-archeryh2h {
    background-image: url(../assets/sp-tab-archeryh2h.d04405af.png)
}

.webp .sp-tab-archeryh2h,.webp ul.tab-type li a .tab-logo.sp-tab-archeryh2h {
    background-image: url(../assets/sp-tab-archeryh2h.9207c079.webp)
}

.no-webp .sp-tab-tvshowsandmovies,.no-webp ul.tab-type li a .tab-logo.sp-tab-tvshowsandmovies {
    background-image: url(../assets/sp-tab-tvshowsandmovies.18c18df6.png)
}

.webp .sp-tab-tvshowsandmovies,.webp ul.tab-type li a .tab-logo.sp-tab-tvshowsandmovies {
    background-image: url(../assets/sp-tab-tvshowsandmovies.0365744f.webp)
}

.no-webp .sp-tab-horseracingspecials,.no-webp ul.tab-type li a .tab-logo.sp-tab-horseracingspecials {
    background-image: url(../assets/sp-tab-horseracingspecials.490ecda9.png)
}

.webp .sp-tab-horseracingspecials,.webp ul.tab-type li a .tab-logo.sp-tab-horseracingspecials {
    background-image: url(../assets/sp-tab-horseracingspecials.99395434.webp)
}

.no-webp .sp-tab-futurehorseracing,.no-webp ul.tab-type li a .tab-logo.sp-tab-futurehorseracing {
    background-image: url(../assets/sp-tab-futurehorseracing.6feb488e.png)
}

.webp .sp-tab-futurehorseracing,.webp ul.tab-type li a .tab-logo.sp-tab-futurehorseracing {
    background-image: url(../assets/sp-tab-futurehorseracing.d26b7dc1.webp)
}

.no-webp .sp-tab-3x3basketball,.no-webp ul.tab-type li a .tab-logo.sp-tab-3x3basketball {
    background-image: url(../assets/sp-tab-3x3basketball.97c2397d.png)
}

.webp .sp-tab-3x3basketball,.webp ul.tab-type li a .tab-logo.sp-tab-3x3basketball {
    background-image: url(../assets/sp-tab-3x3basketball.1433b227.webp)
}

.no-webp .sp-tab-basketballshots,.no-webp ul.tab-type li a .tab-logo.sp-tab-basketballshots {
    background-image: url(../assets/sp-tab-basketballshots.f4da25f4.png)
}

.webp .sp-tab-basketballshots,.webp ul.tab-type li a .tab-logo.sp-tab-basketballshots {
    background-image: url(../assets/sp-tab-basketballshots.c5d6a53a.webp)
}

.no-webp .sp-tab-tabletennis,.no-webp ul.tab-type li a .tab-logo.sp-tab-tabletennis {
    background-image: url(../assets/sp-tab-tabletennis.75ac48c2.png)
}

.webp .sp-tab-tabletennis,.webp ul.tab-type li a .tab-logo.sp-tab-tabletennis {
    background-image: url(../assets/sp-tab-tabletennis.79e33aef.webp)
}

.no-webp .sp-tab-futsal,.no-webp ul.tab-type li a .tab-logo.sp-tab-futsal {
    background-image: url(../assets/sp-tab-futsal.2c984002.png)
}

.webp .sp-tab-futsal,.webp ul.tab-type li a .tab-logo.sp-tab-futsal {
    background-image: url(../assets/sp-tab-futsal.7c6a1960.webp)
}

.no-webp .sp-tab-archery,.no-webp ul.tab-type li a .tab-logo.sp-tab-archery {
    background-image: url(../assets/sp-tab-archery.06fe958c.png)
}

.webp .sp-tab-archery,.webp ul.tab-type li a .tab-logo.sp-tab-archery {
    background-image: url(../assets/sp-tab-archery.a394ebc4.webp)
}

.no-webp .sp-tab-teqball,.no-webp ul.tab-type li a .tab-logo.sp-tab-teqball {
    background-image: url(../assets/sp-tab-teqball.f7428105.png)
}

.webp .sp-tab-teqball,.webp ul.tab-type li a .tab-logo.sp-tab-teqball {
    background-image: url(../assets/sp-tab-teqball.4c33aa08.webp)
}

.no-webp .sp-tab-badminton,.no-webp ul.tab-type li a .tab-logo.sp-tab-badminton {
    background-image: url(../assets/sp-tab-badminton.a2d66397.png)
}

.webp .sp-tab-badminton,.webp ul.tab-type li a .tab-logo.sp-tab-badminton {
    background-image: url(../assets/sp-tab-badminton.62b5e720.webp)
}

.no-webp .sp-tab-waterpolo,.no-webp ul.tab-type li a .tab-logo.sp-tab-waterpolo {
    background-image: url(../assets/sp-tab-waterpolo.2e4dea09.png)
}

.webp .sp-tab-waterpolo,.webp ul.tab-type li a .tab-logo.sp-tab-waterpolo {
    background-image: url(../assets/sp-tab-waterpolo.f5f9967f.webp)
}

.no-webp .sp-tab-snooker,.no-webp ul.tab-type li a .tab-logo.sp-tab-snooker {
    background-image: url(../assets/sp-tab-snooker.3735315c.png)
}

.webp .sp-tab-snooker,.webp ul.tab-type li a .tab-logo.sp-tab-snooker {
    background-image: url(../assets/sp-tab-snooker.3ded77dc.webp)
}

.no-webp .sp-tab-esport,.no-webp ul.tab-type li a .tab-logo.sp-tab-esport {
    background-image: url(/assets/sp-tab-esport.png)
}

.webp .sp-tab-esport,.webp ul.tab-type li a .tab-logo.sp-tab-esport {
    background-image: url(/assets/sp-tab-esport.webp)
}

.no-webp .sp-tab-callofduty,.no-webp ul.tab-type li a .tab-logo.sp-tab-callofduty {
    background-image: url(../assets/74_CallOfDuty.0405fafa.png)
}

.webp .sp-tab-callofduty,.webp ul.tab-type li a .tab-logo.sp-tab-callofduty {
    background-image: url(../assets/sp-tab-callofduty.28c9e303.webp)
}

.no-webp .sp-tab-counterstrikego,.no-webp ul.tab-type li a .tab-logo.sp-tab-counterstrikego {
    background-image: url(../assets/75_CounterStrikeGo.f9418ea3.png)
}

.webp .sp-tab-counterstrikego,.webp ul.tab-type li a .tab-logo.sp-tab-counterstrikego {
    background-image: url(../assets/sp-tab-counterstrikego.d0af96fd.webp)
}

.no-webp .sp-tab-dota2,.no-webp ul.tab-type li a .tab-logo.sp-tab-dota2 {
    background-image: url(../assets/76_Dota2.ad0b8524.png)
}

.webp .sp-tab-dota2,.webp ul.tab-type li a .tab-logo.sp-tab-dota2 {
    background-image: url(../assets/sp-tab-dota2.74026697.webp)
}

.no-webp .sp-tab-leagueoflegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegends {
    background-image: url(../assets/77_LeagueOfLegends.687e7182.png)
}

.webp .sp-tab-leagueoflegends,.webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegends {
    background-image: url(../assets/sp-tab-leagueoflegends.81e596f1.webp)
}

.no-webp .sp-tab-hearthstone,.no-webp ul.tab-type li a .tab-logo.sp-tab-hearthstone {
    background-image: url(../assets/78_HearthStone.2df95d68.png)
}

.webp .sp-tab-hearthstone,.webp ul.tab-type li a .tab-logo.sp-tab-hearthstone {
    background-image: url(../assets/sp-tab-hearthstone.eb43da7f.webp)
}

.no-webp .sp-tab-heroesofthestorm,.no-webp ul.tab-type li a .tab-logo.sp-tab-heroesofthestorm {
    background-image: url(../assets/79_HeroesOfTheStorm.c0677f98.png)
}

.webp .sp-tab-heroesofthestorm,.webp ul.tab-type li a .tab-logo.sp-tab-heroesofthestorm {
    background-image: url(../assets/sp-tab-heroesofthestorm.d023ab77.webp)
}

.no-webp .sp-tab-overwatch,.no-webp ul.tab-type li a .tab-logo.sp-tab-overwatch {
    background-image: url(../assets/80_Overwatch.025b6fca.png)
}

.webp .sp-tab-overwatch,.webp ul.tab-type li a .tab-logo.sp-tab-overwatch {
    background-image: url(../assets/sp-tab-overwatch.333a033d.webp)
}

.no-webp .sp-tab-smite,.no-webp ul.tab-type li a .tab-logo.sp-tab-smite {
    background-image: url(../assets/81_Smite.ce0462f7.png)
}

.webp .sp-tab-smite,.webp ul.tab-type li a .tab-logo.sp-tab-smite {
    background-image: url(../assets/sp-tab-smite.005bba41.webp)
}

.no-webp .sp-tab-starcraft,.no-webp ul.tab-type li a .tab-logo.sp-tab-starcraft {
    background-image: url(../assets/82_StarCraft.9e0b9521.png)
}

.webp .sp-tab-starcraft,.webp ul.tab-type li a .tab-logo.sp-tab-starcraft {
    background-image: url(../assets/sp-tab-starcraft.e03046ac.webp)
}

.no-webp .sp-tab-starcraft2,.no-webp ul.tab-type li a .tab-logo.sp-tab-starcraft2 {
    background-image: url(../assets/83_StarCraft2.26117931.png)
}

.webp .sp-tab-starcraft2,.webp ul.tab-type li a .tab-logo.sp-tab-starcraft2 {
    background-image: url(../assets/sp-tab-starcraft2.f220ff20.webp)
}

.no-webp .sp-tab-worldofwarcraft,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldofwarcraft {
    background-image: url(../assets/84_WorldOfWarcraft.60ee0804.png)
}

.webp .sp-tab-worldofwarcraft,.webp ul.tab-type li a .tab-logo.sp-tab-worldofwarcraft {
    background-image: url(../assets/sp-tab-worldofwarcraft.e8587fcd.webp)
}

.no-webp .sp-tab-worldoftanks,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldoftanks {
    background-image: url(../assets/85_WorldOfTanks.87dd4429.png)
}

.webp .sp-tab-worldoftanks,.webp ul.tab-type li a .tab-logo.sp-tab-worldoftanks {
    background-image: url(../assets/sp-tab-worldoftanks.a2463585.webp)
}

.no-webp .sp-tab-crossfire,.no-webp ul.tab-type li a .tab-logo.sp-tab-crossfire {
    background-image: url(../assets/140_CrossFire.066df1e0.png)
}

.webp .sp-tab-crossfire,.webp ul.tab-type li a .tab-logo.sp-tab-crossfire {
    background-image: url(../assets/sp-tab-crossfire.c31226d5.webp)
}

.no-webp .sp-tab-halo,.no-webp ul.tab-type li a .tab-logo.sp-tab-halo {
    background-image: url(../assets/141_Halo.940276a3.png)
}

.webp .sp-tab-halo,.webp ul.tab-type li a .tab-logo.sp-tab-halo {
    background-image: url(../assets/sp-tab-halo.b044b8a4.webp)
}

.no-webp .sp-tab-fifa,.no-webp ul.tab-type li a .tab-logo.sp-tab-fifa {
    background-image: url(../assets/142_FIFA.91f346aa.png)
}

.webp .sp-tab-fifa,.webp ul.tab-type li a .tab-logo.sp-tab-fifa {
    background-image: url(../assets/sp-tab-fifa.7dd16fd6.webp)
}

.no-webp .sp-tab-clashroyale,.no-webp ul.tab-type li a .tab-logo.sp-tab-clashroyale {
    background-image: url(../assets/146_ClashRoyale.fba25f43.png)
}

.webp .sp-tab-clashroyale,.webp ul.tab-type li a .tab-logo.sp-tab-clashroyale {
    background-image: url(../assets/sp-tab-clashroyale.b1ed2337.webp)
}

.no-webp .sp-tab-rocketleague,.no-webp ul.tab-type li a .tab-logo.sp-tab-rocketleague {
    background-image: url(../assets/157_RocketLeague.1a3e1700.png)
}

.webp .sp-tab-rocketleague,.webp ul.tab-type li a .tab-logo.sp-tab-rocketleague {
    background-image: url(../assets/sp-tab-rocketleague.dc9b630b.webp)
}

.no-webp .sp-tab-kingofglory,.no-webp ul.tab-type li a .tab-logo.sp-tab-kingofglory {
    background-image: url(../assets/158_KingOfGlory.fded3e2a.png)
}

.webp .sp-tab-kingofglory,.webp ul.tab-type li a .tab-logo.sp-tab-kingofglory {
    background-image: url(../assets/sp-tab-kingofglory.d9e19ceb.webp)
}

.no-webp .sp-tab-quake,.no-webp ul.tab-type li a .tab-logo.sp-tab-quake {
    background-image: url(../assets/163_Quake.2ee66e50.png)
}

.webp .sp-tab-quake,.webp ul.tab-type li a .tab-logo.sp-tab-quake {
    background-image: url(../assets/sp-tab-quake.2424a5b0.webp)
}

.no-webp .sp-tab-pubg,.no-webp ul.tab-type li a .tab-logo.sp-tab-pubg {
    background-image: url(../assets/164_PUBG.f8f9e00c.png)
}

.webp .sp-tab-pubg,.webp ul.tab-type li a .tab-logo.sp-tab-pubg {
    background-image: url(../assets/sp-tab-pubg.d7227b35.webp)
}

.no-webp .sp-tab-warcraftIII,.no-webp .sp-tab-warcraftiii,.no-webp ul.tab-type li a .tab-logo.sp-tab-warcraftIII {
    background-image: url(../assets/169_WarcraftIII.6c29f77b.png)
}

.webp .sp-tab-warcraftIII,.webp .sp-tab-warcraftiii,.webp ul.tab-type li a .tab-logo.sp-tab-warcraftIII {
    background-image: url(../assets/sp-tab-warcraftiii.ce10585b.webp)
}

.no-webp .sp-tab-rainbowsix,.no-webp ul.tab-type li a .tab-logo.sp-tab-rainbowsix {
    background-image: url(../assets/185_RainbowSix.08b541d8.png)
}

.webp .sp-tab-rainbowsix,.webp ul.tab-type li a .tab-logo.sp-tab-rainbowsix {
    background-image: url(../assets/sp-tab-rainbowsix.41dd13bf.webp)
}

.no-webp .sp-tab-arenaofvalor,.no-webp ul.tab-type li a .tab-logo.sp-tab-arenaofvalor {
    background-image: url(../assets/187_ArenaOfValor.a85e43ee.png)
}

.webp .sp-tab-arenaofvalor,.webp ul.tab-type li a .tab-logo.sp-tab-arenaofvalor {
    background-image: url(../assets/sp-tab-arenaofvalor.e16d9341.webp)
}

.no-webp .sp-tab-nba2k,.no-webp ul.tab-type li a .tab-logo.sp-tab-nba2k {
    background-image: url(../assets/189_NBA2K.5849b58f.png)
}

.webp .sp-tab-nba2k,.webp ul.tab-type li a .tab-logo.sp-tab-nba2k {
    background-image: url(../assets/sp-tab-nba2k.83b2af6f.webp)
}

.no-webp .sp-tab-valorant,.no-webp ul.tab-type li a .tab-logo.sp-tab-valorant {
    background-image: url(../assets/208_Valorant.f97c301c.png)
}

.webp .sp-tab-valorant,.webp ul.tab-type li a .tab-logo.sp-tab-valorant {
    background-image: url(../assets/sp-tab-valorant.70a8f978.webp)
}

.no-webp .sp-tab-mobilelegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-mobilelegends {
    background-image: url(../assets/215_MobileLegends.5a19d9f6.png)
}

.webp .sp-tab-mobilelegends,.webp ul.tab-type li a .tab-logo.sp-tab-mobilelegends {
    background-image: url(../assets/sp-tab-mobilelegends.7c4e3d78.webp)
}

.no-webp .sp-tab-leagueoflegendswildrift,.no-webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegendswildrift {
    background-image: url(../assets/240_LeagueOfLegendsWildRift.4c71a7f1.png)
}

.webp .sp-tab-leagueoflegendswildrift,.webp ul.tab-type li a .tab-logo.sp-tab-leagueoflegendswildrift {
    background-image: url(../assets/sp-tab-leagueoflegendswildrift.4b4b873d.webp)
}

.no-webp .sp-tab-ageofempires,.no-webp ul.tab-type li a .tab-logo.sp-tab-ageofempires {
    background-image: url(../assets/260_AgeOfEmpires.31db826f.png)
}

.webp .sp-tab-ageofempires,.webp ul.tab-type li a .tab-logo.sp-tab-ageofempires {
    background-image: url(../assets/sp-tab-ageofempires.a6c407ff.webp)
}

.no-webp .sp-tab-apexlegends,.no-webp ul.tab-type li a .tab-logo.sp-tab-apexlegends {
    background-image: url(../assets/261_ApexLegends.fd7ccfdb.png)
}

.webp .sp-tab-apexlegends,.webp ul.tab-type li a .tab-logo.sp-tab-apexlegends {
    background-image: url(../assets/sp-tab-apexlegends.ce5f3c8e.webp)
}

.no-webp .sp-tab-brawlstars,.no-webp ul.tab-type li a .tab-logo.sp-tab-brawlstars {
    background-image: url(../assets/262_BrawlStars.ecda6811.png)
}

.webp .sp-tab-brawlstars,.webp ul.tab-type li a .tab-logo.sp-tab-brawlstars {
    background-image: url(../assets/sp-tab-brawlstars.35b0f535.webp)
}

.no-webp .sp-tab-worldcup,.no-webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(../assets/sp-tab-worldcup.e7d7556a.png)
}

.webp .sp-tab-worldcup,.webp ul.tab-type li a .tab-logo.sp-tab-worldcup {
    background-image: url(../assets/sp-tab-worldcup.ccab9c42.webp)
}

:root {
    --sparrowColor01: #e93238;
    --sparrowColor02: #4FBB4F
}

.icon-arrow-odd {
    position: absolute;
    right: .4vw;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 2.4vw 2.4vw 0;
    opacity: 0
}

.icon-arrow-odd.up {
    opacity: 1;
    top: .5vw;
    border-color: transparent var(--sparrowColor01) transparent transparent
}

.icon-arrow-odd.down {
    opacity: 1;
    bottom: .4vw;
    transform: rotate(90deg);
    border-color: transparent var(--sparrowColor02) transparent transparent;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.bet-panel.total-panel li .icon-arrow-odd.up {
    top: .5vw
}