@charset "utf-8";

.tarot-shuffle-area3 { background:#6D5B4D; height:424px; margin-top:5px; }
.tarot-shuffle-area3 form legend { height:0; line-height:0; overflow:hidden; text-indent:-2000px; }
.tarot-shuffle-bg3 { background:url("/m/img/fortune/tarot/tarot_bg3.jpg");background-size:560px 598px; width:310px; height:353px; margin:0 auto; }
.tarot-shuffle-bg3 ul { float:left; position:relative; width:291px; height:333px; margin:10px 0 0 10px; }
.tarot-shuffle-bg3 ul li { background:url("/m/img/fortune/tarot/input_card_back3.png"); width:46px; height:71px; position:absolute; top:0px; left:0px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; }

    .card_shuffle .tarot_list.animation1 li[eq='1'] {
        top:20px !important;
        left:120px !important;
        -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='2'] {
        top:130px !important;
        left:180px !important;
        -webkit-transform:rotate(20deg);
        -moz-transform:rotate(20deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='3'] {
        top:240px !important;
        left:50px !important;
        -webkit-transform:rotate(30deg);
        -moz-transform:rotate(30deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='4'] {
        top:80px !important;
        left:80px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='5'] {
        top:80px !important;
        left:200px !important;
        -webkit-transform:rotate(50deg);
        -moz-transform:rotate(50deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='6'] {
        top:50px !important;
        left:0px !important;
        -webkit-transform:rotate(60deg);
        -moz-transform:rotate(60deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='7'] {
        top:210px !important;
        left:110px !important;
        -webkit-transform:rotate(70deg);
        -moz-transform:rotate(70deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='8'] {
        top:160px !important;
        left:80px !important;
        -webkit-transform:rotate(80deg);
        -moz-transform:rotate(80deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='9'] {
        top:190px !important;
        left:30px !important;
        -webkit-transform:rotate(-30deg);
        -moz-transform:rotate(-30deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='10'] {
        top:110px !important;
        left:10px !important;
        -webkit-transform:rotate(-20deg);
        -moz-transform:rotate(-20deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='11'] {
        top:0px !important;
        left:190px !important;
        -webkit-transform:rotate(-30deg);
        -moz-transform:rotate(-30deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='12'] {
        top:150px !important;
        left:150px !important;
        -webkit-transform:rotate(-40deg);
        -moz-transform:rotate(-40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='13'] {
        top:0px !important;
        left:70px !important;
        -webkit-transform:rotate(-50deg);
        -moz-transform:rotate(-50deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='14'] {
        top:230px !important;
        left:200px !important;
        -webkit-transform:rotate(-60deg);
        -moz-transform:rotate(-60deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='15'] {
        top:55px !important;
        left:150px !important;
        -webkit-transform:rotate(-70deg);
        -moz-transform:rotate(-70deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='16'] {
        top:30px !important;
        left:190px !important;
        -webkit-transform:rotate(-80deg);
        -moz-transform:rotate(-80deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='17'] {
        top:10px !important;
        left:130px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='18'] {
        top:25px !important;
        left:15px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='19'] {
        top:160px !important;
        left:190px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='20'] {
        top:160px !important;
        left:190px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='21'] {
        top:160px !important;
        left:190px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation1 li[eq='22'] {
        top:160px !important;
        left:190px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }

    /* .tarot_list.animation2 */
    .card_shuffle .tarot_list.animation2 li[eq='1'] {
        top:190px !important;
        left:120px !important;
        -webkit-transform:rotate(50deg);
        -moz-transform:rotate(50deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='2'] {
        top:90px !important;
        left:150px !important;
        -webkit-transform:rotate(60deg);
        -moz-transform:rotate(60deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='3'] {
        top:0px !important;
        left:50px !important;
        -webkit-transform:rotate(70deg);
        -moz-transform:rotate(70deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='4'] {
        top:150px !important;
        left:80px !important;
        -webkit-transform:rotate(80deg);
        -moz-transform:rotate(80deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='5'] {
        top:0px !important;
        left:150px !important;
        -webkit-transform:rotate(-10deg);
        -moz-transform:rotate(-10deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='6'] {
        top:230px !important;
        left:0px !important;
        -webkit-transform:rotate(-20deg);
        -moz-transform:rotate(-20deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='7'] {
        top:55px !important;
        left:90px !important;
        -webkit-transform:rotate(-30deg);
        -moz-transform:rotate(-30deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='8'] {
        top:80px !important;
        left:30px !important;
        -webkit-transform:rotate(-40deg);
        -moz-transform:rotate(-40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='9'] {
        top:190px !important;
        left:30px !important;
        -webkit-transform:rotate(-50deg);
        -moz-transform:rotate(-50deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='10'] {
        top:20px !important;
        left:10px !important;
        -webkit-transform:rotate(-60deg);
        -moz-transform:rotate(-60deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='11'] {
        top:130px !important;
        left:190px !important;
        -webkit-transform:rotate(-70deg);
        -moz-transform:rotate(-70deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='12'] {
        top:240px !important;
        left:150px !important;
        -webkit-transform:rotate(-80deg);
        -moz-transform:rotate(-80deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='13'] {
        top:110px !important;
        left:0px !important;
        -webkit-transform:rotate(10deg);
        -moz-transform:rotate(10deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='14'] {
        top:50px !important;
        left:200px !important;
        -webkit-transform:rotate(20deg);
        -moz-transform:rotate(20deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='15'] {
        top:210px !important;
        left:150px !important;
        -webkit-transform:rotate(30deg);
        -moz-transform:rotate(30deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='16'] {
        top:160px !important;
        left:190px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='17'] {
        top:10px !important;
        left:130px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='18'] {
        top:25px !important;
        left:15px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='19'] {
        top:142px !important;
        left:188px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='20'] {
        top:124px !important;
        left:136px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='21'] {
        top:165px !important;
        left:155px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }
    .card_shuffle .tarot_list.animation2 li[eq='22'] {
        top:165px !important;
        left:155px !important;
        -webkit-transform:rotate(40deg);
        -moz-transform:rotate(40deg);
    }

@media all and (min-width:550px){

    .tarot-shuffle-area3 { background:#6D5B4D; height:750px; margin-top:5px; }
    .tarot-shuffle-area3 form legend { height:0; line-height:0; overflow:hidden; text-indent:-2000px; }
    .tarot-shuffle-bg3 { background:url("/m/img/fortune/tarot/tarot_bg3_big.jpg") no-repeat;background-size:560px 598px; width:560px; height:598px; margin:0px auto 0; }
    .tarot-shuffle-bg3 ul { float:left; position:relative; width:544px; height:622px; margin:20px 0 0 20px;}
    .tarot-shuffle-bg3 ul li img { display:block; width:71px; }
        /* .tarot_list.animation1 */
        .card_shuffle .tarot_list.animation1 li[eq='1'] {
            top:20px !important;
            left:170px !important;
            -webkit-transform:rotate(10deg);
            -moz-transform:rotate(10deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='2'] {
            top:130px !important;
            left:230px !important;
            -webkit-transform:rotate(20deg);
            -moz-transform:rotate(20deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='3'] {
            top:240px !important;
            left:100px !important;
            -webkit-transform:rotate(30deg);
            -moz-transform:rotate(30deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='4'] {
            top:80px !important;
            left:120px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='5'] {
            top:80px !important;
            left:250px !important;
            -webkit-transform:rotate(50deg);
            -moz-transform:rotate(50deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='6'] {
            top:50px !important;
            left:20px !important;
            -webkit-transform:rotate(60deg);
            -moz-transform:rotate(60deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='7'] {
            top:210px !important;
            left:160px !important;
            -webkit-transform:rotate(70deg);
            -moz-transform:rotate(70deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='8'] {
            top:160px !important;
            left:140px !important;
            -webkit-transform:rotate(80deg);
            -moz-transform:rotate(80deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='9'] {
            top:190px !important;
            left:80px !important;
            -webkit-transform:rotate(-30deg);
            -moz-transform:rotate(-30deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='0'] {
            top:110px !important;
            left:160px !important;
            -webkit-transform:rotate(-20deg);
            -moz-transform:rotate(-20deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='11'] {
            top:0px !important;
            left:240px !important;
            -webkit-transform:rotate(-30deg);
            -moz-transform:rotate(-30deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='12'] {
            top:150px !important;
            left:200px !important;
            -webkit-transform:rotate(-40deg);
            -moz-transform:rotate(-40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='13'] {
            top:0px !important;
            left:120px !important;
            -webkit-transform:rotate(-50deg);
            -moz-transform:rotate(-50deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='14'] {
            top:230px !important;
            left:250px !important;
            -webkit-transform:rotate(-60deg);
            -moz-transform:rotate(-60deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='15'] {
            top:55px !important;
            left:200px !important;
            -webkit-transform:rotate(-70deg);
            -moz-transform:rotate(-70deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='16'] {
            top:30px !important;
            left:230px !important;
            -webkit-transform:rotate(-80deg);
            -moz-transform:rotate(-80deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='17'] {
            top:10px !important;
            left:180px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='18'] {
            top:25px !important;
            left:165px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='19'] {
            top:160px !important;
            left:240px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='20'] {
            top:160px !important;
            left:280px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation1 li[eq='21'] {
            top:160px !important;
            left:300px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }

        /* .tarot_list.animation2 */
        .card_shuffle .tarot_list.animation2 li[eq='1'] {
            top:190px !important;
            left:270px !important;
            -webkit-transform:rotate(50deg);
            -moz-transform:rotate(50deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='2'] {
            top:90px !important;
            left:400px !important;
            -webkit-transform:rotate(60deg);
            -moz-transform:rotate(60deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='3'] {
            top:0px !important;
            left:200px !important;
            -webkit-transform:rotate(70deg);
            -moz-transform:rotate(70deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='4'] {
            top:150px !important;
            left:430px !important;
            -webkit-transform:rotate(80deg);
            -moz-transform:rotate(80deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='5'] {
            top:0px !important;
            left:300px !important;
            -webkit-transform:rotate(-10deg);
            -moz-transform:rotate(-10deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='6'] {
            top:230px !important;
            left:220px !important;
            -webkit-transform:rotate(-20deg);
            -moz-transform:rotate(-20deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='7'] {
            top:55px !important;
            left:240px !important;
            -webkit-transform:rotate(-30deg);
            -moz-transform:rotate(-30deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='8'] {
            top:80px !important;
            left:280px !important;
            -webkit-transform:rotate(-40deg);
            -moz-transform:rotate(-40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='9'] {
            top:190px !important;
            left:180px !important;
            -webkit-transform:rotate(-50deg);
            -moz-transform:rotate(-50deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='10'] {
            top:20px !important;
            left:260px !important;
            -webkit-transform:rotate(-60deg);
            -moz-transform:rotate(-60deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='11'] {
            top:130px !important;
            left:320px !important;
            -webkit-transform:rotate(-70deg);
            -moz-transform:rotate(-70deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='12'] {
            top:240px !important;
            left:300px !important;
            -webkit-transform:rotate(-80deg);
            -moz-transform:rotate(-80deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='13'] {
            top:110px !important;
            left:220px !important;
            -webkit-transform:rotate(10deg);
            -moz-transform:rotate(10deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='14'] {
            top:50px !important;
            left:450px !important;
            -webkit-transform:rotate(20deg);
            -moz-transform:rotate(20deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='15'] {
            top:210px !important;
            left:300px !important;
            -webkit-transform:rotate(30deg);
            -moz-transform:rotate(30deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='16'] {
            top:160px !important;
            left:430px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='17'] {
            top:10px !important;
            left:280px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='18'] {
            top:25px !important;
            left:265px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='19'] {
            top:142px !important;
            left:338px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='20'] {
            top:124px !important;
            left:386px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
        .card_shuffle .tarot_list.animation2 li[eq='21'] {
            top:165px !important;
            left:305px !important;
            -webkit-transform:rotate(40deg);
            -moz-transform:rotate(40deg);
        }
}