@charset "utf-8";


    .tarot-shuffle-bg6 { background:url("/m/img/fortune/tarot/tarot_bg6_big.jpg")no-repeat;background-size:560px 598px;  height:598px; margin:0 auto; width:560px; }
    .tarot-shuffle-bg6 ul { float:left; height:333px; margin:20px 0 0 20px; position:relative; width:291px; }
    .tarot-shuffle-bg6 ul li img { display:block; width:71px; }
        .card_animation { width:71px; height:125px; animation-duration:6s; animation-timing-function:ease-in-out; -webkit-animation: rays 5s ease-in-out forwards;}


        /* tarot_4 애니메이션 */
        #card_animation0 img{ -webkit-animation-name:card_animation1; animation-name: card_animation1; left:0px; position:absolute; top:0;  }
        #card_animation1 img{ -webkit-animation-name:card_animation2; animation-name: card_animation2; left:90px; position:absolute; top:0; }
        #card_animation2 img { -webkit-animation-name:card_animation3; animation-name: card_animation3; left:180px; position:absolute; top:0; }
        #card_animation3 img { -webkit-animation-name:card_animation4; animation-name: card_animation4; left:270px; position:absolute; top:0; }
        #card_animation4 img { -webkit-animation-name:card_animation5; animation-name: card_animation5; left:360px; position:absolute; top:0; }
        #card_animation5 img { -webkit-animation-name:card_animation6; animation-name: card_animation6; left:450px; position:absolute; top:0; }

        #card_animation6 img { -webkit-animation-name:card_animation7; animation-name: card_animation7; left:0px; position:absolute; top:146px;  }
        #card_animation7 img { -webkit-animation-name:card_animation8; animation-name: card_animation8; left:90px; position:absolute; top:146px; }
        #card_animation8 img { -webkit-animation-name:card_animation9; animation-name: card_animation9; left:180px; position:absolute; top:146px; }
        #card_animation9 img { -webkit-animation-name:card_animation10; animation-name: card_animation10; left:270px; position:absolute; top:146px; }
        #card_animation10 img { -webkit-animation-name:card_animation11; animation-name: card_animation11; left:360px; position:absolute; top:146px; }
        #card_animation11 img { -webkit-animation-name:card_animation12; animation-name: card_animation12; left:450px; position:absolute; top:146px; }

        #card_animation12 img { -webkit-animation-name:card_animation13; animation-name: card_animation13; left:0px; position:absolute; top:292px;  }
        #card_animation13 img { -webkit-animation-name:card_animation14; animation-name: card_animation14; left:90px; position:absolute; top:292px; }
        #card_animation14 img { -webkit-animation-name:card_animation15; animation-name: card_animation15; left:180px; position:absolute; top:292px; }
        #card_animation15 img { -webkit-animation-name:card_animation16; animation-name: card_animation16; left:270px; position:absolute; top:292px; }
        #card_animation16 img { -webkit-animation-name:card_animation17; animation-name: card_animation17; left:360px; position:absolute; top:292px; }
        #card_animation17 img { -webkit-animation-name:card_animation18; animation-name: card_animation18; left:450px; position:absolute; top:292px; }

        #card_animation18 img { -webkit-animation-name:card_animation19; animation-name: card_animation19; left:90px; position:absolute; top:438px; }
        #card_animation19 img { -webkit-animation-name:card_animation20; animation-name: card_animation20; left:180px; position:absolute; top:438px; }
        #card_animation20 img { -webkit-animation-name:card_animation21; animation-name: card_animation21; left:270px; position:absolute; top:438px; }
        #card_animation21 img { -webkit-animation-name:card_animation22; animation-name: card_animation22; left:360px; position:absolute; top:438px; }

    @keyframes card_animation1 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px; -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation2 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation3 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation4 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation5 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation6 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @keyframes card_animation7 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @keyframes card_animation8 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @keyframes card_animation9 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @keyframes card_animation10 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @keyframes card_animation11 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation12 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation13 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation14 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation15 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation16 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation17 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation18 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation19 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation20 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation21 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @keyframes card_animation22 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }

        @-webkit-keyframes card_animation1 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px; -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation2 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation3 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation4 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation5 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation6 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:0px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:0px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }

        @-webkit-keyframes card_animation7 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @-webkit-keyframes card_animation8 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @-webkit-keyframes card_animation9 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @-webkit-keyframes card_animation10 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(5turn); -moz-transform:scale(1,1) rotate(5turn);}
        }
        @-webkit-keyframes card_animation11 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation12 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:146px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:146px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation13 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:0px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation14 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation15 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation16 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation17 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation18 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:292px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:292px; left:450px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation19 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:90px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation20 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:180px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation21 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:270px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }
        @-webkit-keyframes card_animation22 {
            0%{top:244px; left:235px;-webkit-transform:scale(0.1,0.1) rotate(3turn); -moz-transform:scale(0.1,0.1) rotate(3turn);}
            10%{top:244px; left:235px;-webkit-transform:scale(1.1,1.1) rotate(0deg); -moz-transform:scale(1.1,1.1) rotate(0deg);}
            35%{top:438px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            45%{top:438px; left:360px; -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            60%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(0deg); -moz-transform:scale(1,1) rotate(0deg);}
            96%{top:244px; left:235px;   -webkit-transform:scale(1,1) rotate(-5turn); -moz-transform:scale(1,1) rotate(-5turn);}
        }