@charset "utf-8";
/* CSS Document */
/* �Y���Q�g�s��css�g�b�� */


.effect{
    position: relative;
}
.effect .money{
    display: block;
    position: absolute;
    top: 45%;
    left: 50%;
    /* animation: bounce-in-right 1.1s both; */
}

.effect .woman{
    /* display: block; */
    position: absolute;
    top: 55%;
    left: 9%;
}

.effect .man{
    /* display: block; */
    position: absolute;
    top: 47%;
    left: 75%;
}

.effect .title-left{
    position: absolute;
    top: 0;
    left: 5%;
}

.effect .title-right{
    position: absolute;
    top: 0;
    right:5%;
}

.effect .lightbox{
    position: absolute;
    top: 45%;
    left: 29.5%;
}

/* 滑過放大 */
/* .pic-transform img:hover{
    transform:scale(1.03,1.03);
} */


.zone_case1-1 a{
    padding: 0;
}
.w-100{
    margin-bottom: 0;
}

.zone_case2-1{
    margin: 0 auto;
}

/* 1212年終盛典新增 */

.chart1{
    position: relative;
    margin-top: 15px;
}

.medal-top1{
    position: absolute;
    top: 4%;
    left: 2%;
}
.chart2-3{
    position: relative;
  margin-top: 7vw;
   
}

.charts-medal-l{
    z-index: 999;
    position: absolute;
    top: 4%;
    left: 4%;  
}
.charts-pic-l{
    position: absolute;
    top: 10.8%;
    left: 11.5%;
}

.charts-txt-l{
    width: 350px;
    text-align: center;
    font-size:2rem;
    line-height: 2.5rem;
    color: #ffffff;
    position: absolute;
    top: 62%;
    left: 11.5%;
    
    
}

.charts-sale-l{
    width: 350px;
    text-align: center;
    font-size:2rem;
    line-height: 2.8rem;
    color: #e93944;
    border: 2rem;
    background-color:#f9dac8 ;
    position: absolute;
    top: 73.5%;
    left: 11.5%;
}
.charts-price-l{
    width: 350px;
    margin: 0 auto;
    left: 11.5%;
    position: absolute;
    top: 77.8%;
    color: #f9dac8;

}

.text-6xl{
    font-size: 3rem !important;
    color: #f9dac8;
}


.charts-medal-r{
    z-index: 999;
    position: absolute;
    top: 4%;
    left: 52.6%;  
}
.charts-pic-r{
    position: absolute;
    top: 10.8%;
    left: 60.3%;
}

.charts-txt-r{
    width: 350px;
    text-align: center;
    font-size:2rem;
    line-height: 2.5rem;
    color: #ffffff;
    position: absolute;
    top: 62%;
    left: 60.3%;
}

.charts-sale-r{
    width: 350px;
    text-align: center;
    font-size:2rem;
    line-height: 2.8rem;
    color: #e93944;
    border: 2rem;
    background-color:#f9dac8 ;
    position: absolute;
    top: 73.2%;
    left: 60.3%;
}
.charts-price-r{
    width: 350px;
    margin: 0 auto;
    left: 60.3%;
    position: absolute;
    top: 77.8%;
    color: #f9dac8;

}

/* .saletoday{
    margin-top: 2vw;
} */

@media screen and (max-width:767px) {
    .saletoday{
        margin-top: 7vw;
    }

    .chart1m{
        position: relative;
        /* margin-top: 6vw; */
    }

    .medal-top1m{
        width: 16%;
        position: absolute;
        top: 2vw;
        left: 2vw;
    }

    /* top2-3 */

    .chart2-3m{
        position: relative;
   
    }
    .charts-medal-lm{
        width: 16%;
        z-index: 999;
        position: absolute;
        top: 2vw;
        left: 2vw;
    }
    .charts-pic-lm{
        width: 30%;
        position: absolute;
        top: 5vw;
        left: 12vw;
    }
    
    .charts-txt-lm{
        width: 30%;
        text-align: center;
        font-size:1rem;
        line-height: 1.5rem;
        color: #ffffff;
        position: absolute;
        top: 36vw;
        left: 12vw;
    }
    
    .charts-sale-lm{
        width: 30%;
        text-align: center;
        font-size:1rem;
        line-height: 1.5rem;
        color: #e93944;
        border: 2rem;
        background-color:#f9dac8 ;
        position: absolute;
        top: 47vw;
        left: 12vw;
    }
    .charts-price-lm{
        width: 30%;
        margin: 0 auto;
        left: 10vw;
        position: absolute;
        top: 50vw;
        color: #f9dac8;
    
    }
    
    .charts-medal-rm{
        width: 16%;
        z-index: 999;
        position: absolute;
        top: 2vw;
        left: 50vw;
    }
    .charts-pic-rm{
        width: 30%;
        position: absolute;
        top: 5vw;
        left: 60vw;
    }
    
    .charts-txt-rm{
        width: 30%;
        text-align: center;
        font-size:1rem;
        line-height: 1.5rem;
        color: #ffffff;
        position: absolute;
        top: 36vw;
        left: 60vw;
    }
    

    .charts-sale-rm{
        width: 30%;
        text-align: center;
        font-size:1rem;
        line-height: 1.5rem;
        color: #e93944;
        border: 2rem;
        background-color:#f9dac8 ;
        position: absolute;
        top: 47vw;
        left: 60vw;
    }
    .charts-price-rm{
        width: 30%;
        margin: 0 auto;
        left: 58vw;
        position: absolute;
        top: 50vw;
        color: #f9dac8;
    
    }
 
   
}

.zone_case3-1{
    padding: 0;
}