#crm_event #lottery .lottery-title{animation-delay:0s;animation-duration:1s;animation-name:fadeInLeft}@keyframes shake{0%,50%,to{transform:translateZ(0)}15%,25%,35%,45%,5%{transform:translate3d(-10px,0,0)}10%,20%,30%,40%{transform:translate3d(10px,0,0)}}#crm_event #lottery #drawDrum{animation-delay:0s;animation-duration:2s;animation-iteration-count:infinite;animation-name:shake}#crm_event #lottery .animate-shake #drawDrum{animation-delay:0s,0s;animation-duration:2s,2s;animation-iteration-count:infinite,1;animation-name:shake,shake}#crm_event #lottery .animate-shake #fortune-stick{animation-delay:.5s;animation-duration:1s;animation-iteration-count:1;animation-name:zoomInDown}#result{opacity:0;transition:opacity 2s ease-in-out}.hidden{display:none}.btn-r{background-color:#c12732}.btn-r:hover{background-color:#ac232d}body{background-color:#c12732;background-image:url(/img/crm/draw/bg.png)}body #app .content-section{background-color:#f1eace}body header{background-color:#c12732}@media screen and (min-width:768px){body header a.nav-link{background-color:transparent;color:#fff}body header a.nav-link.active,body header a.nav-link:active,body header a.nav-link:hover{color:#fff}}#crm_event .main-banner{background-color:#e7c151;background-image:url(/img/crm/draw/main_bg.png);background-position:90% 100%}#crm_event .main-banner h3 span{background-color:#19264a;color:#f3e1ab}#crm_event .main-banner h2{color:#c12732}#crm_event .coupon-list .card .card-img-top .img-bg{background-color:#fff;border:3px solid #e7c151;box-shadow:3px 3px 0 #e7c151}#crm_event .coupon-list .card .card-img-top i.fa-gift{background-color:#e7c151;color:#fff}#crm_event .coupon-list .card .card-body .card-title{color:#e7c151}@media screen and (min-width:460px){#crm_event .main-banner{background-position:100% 100%}}@media screen and (min-width:576px){#crm_event .main-banner{background-size:100%}#crm_event .main-banner .coupon-list .card .card-img-top .img-bg{border:5px solid #e7c151;box-shadow:5px 5px 0 #e7c151}}#crm_event #lottery{animation-duration:1s;animation-name:fadeIn;background-image:url(/img/crm/draw/draw_bg.png);background-position:bottom;background-size:100%;height:540px;margin:auto auto 100px}#crm_event #lottery .lottery-title{background-image:url(/img/crm/draw/draw_title.png);background-size:cover;height:124px;left:calc(50% - 181px);max-width:none;position:absolute;top:0;width:362px;z-index:2}#crm_event #lottery .draw-content{bottom:-12.5%;position:absolute;right:calc(50% - 200px);transform:scale(.625)}#crm_event #lottery .draw-content #drawDrum{position:relative;z-index:1}#crm_event #lottery .draw-content #fortune-stick{left:0;opacity:0;position:absolute;top:0;z-index:0}#crm_event #lottery .draw-content.animate-shake #fortune-stick{opacity:1;z-index:2}#crm_event #lottery .share-btn{animation-delay:1s;animation-duration:1s;animation-name:fadeIn;bottom:-75px;position:absolute}@media screen and (min-width:576px){#crm_event #lottery{height:600px}#crm_event #lottery .lottery-title{height:175px;left:calc(50% - 250px);top:0;width:500px}}@media screen and (min-width:768px){#crm_event #lottery{height:700px;margin-bottom:150px}#crm_event #lottery .lottery-title{height:230px;left:calc(50% - 330px);top:0;width:660px}#crm_event #lottery .draw-content{bottom:0;transform:scale(.75)}#crm_event #lottery .share-btn{bottom:-100px}}@media screen and (min-width:1024px){#crm_event #lottery{height:950px}#crm_event #lottery .lottery-title{height:288px;left:calc(50% - 415px);width:830px}#crm_event #lottery .draw-content{transform:scale(1)}}#crm_event .notice{background-color:#19264a;color:#f1eace}#crm_event .notice a,#crm_event .notice a.active,#crm_event .notice a:active,#crm_event .notice a:hover{color:#5cb872}
