@charset "UTF-8";#crm_event #lottery .swirl-in-fwd{animation-delay:2s;animation-duration:1.5s;animation-name:swirl-in-fwd;bottom:100px;left:0;transition-timing-function:cubic-bezier(.1,.5,.1,1)}@keyframes swirl-in-fwd{0%{opacity:0;transform:rotate(-100deg) scale(0)}to{opacity:1;transform:rotate(0) scale(1)}}#crm_event #lottery .lottery-title{animation-delay:0s,1s,1s;animation-duration:1s,1.5s,.5s;animation-fill-mode:both;animation-iteration-count:1,1,infinite;animation-name:fadeIn,moveUp-title,stepX2;animation-timing-function:ease,ease,steps(2)}#crm_event #lottery .lottery-intro{animation-delay:0s,1s,1s;animation-duration:1s,1.5s,.5s;animation-fill-mode:both;animation-iteration-count:1,1,infinite;animation-name:fadeIn,moveUp-intro,stepX3;animation-timing-function:ease,ease,steps(3)}#crm_event #lottery .step-x2{animation-duration:1s;animation-fill-mode:alternate;animation-iteration-count:infinite;animation-name:stepX2;animation-timing-function:steps(2)}#crm_event #lottery .step-x3{animation-duration:1s;animation-fill-mode:alternate;animation-iteration-count:infinite;animation-name:stepX3;animation-timing-function:steps(3)}@keyframes stepX2{0%{background-position:0}to{background-position:200%}}@keyframes stepX3{0%{background-position:0}to{background-position:300%}}body{background-color:#9a82ba;background-image:url(/img/crm/roulette/bg.png)}body #app .content-section{background-color:#fff}body header{background-color:#9a82ba}@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 .text-primary{color:#5abaa3!important}#crm_event .main-banner{background-color:#5abaa3;background-image:url(/img/crm/roulette/main_bg.png);background-position:17.5% 100%;background-size:275%}#crm_event .main-banner h3 span{background-color:#1a2844;color:#fceca6}#crm_event .main-banner h2{color:#fceca6}#crm_event .coupon-list .card .card-img-top .img-bg{background-color:#fff;border:3px solid #5abaa3;box-shadow:3px 3px 0 #5abaa3}#crm_event .coupon-list .card .card-img-top i.fa-gift{background-color:#5abaa3;color:#fff}#crm_event .coupon-list .card .card-body .card-title{color:#5abaa3}@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:200%}#crm_event .main-banner .coupon-list .card .card-img-top .img-bg{border:5px solid #5abaa3;box-shadow:5px 5px 0 #5abaa3}}#crm_event #lottery{animation-duration:1s;animation-name:fadeIn;background-image:url(/img/crm/roulette/roulette_bg.png);background-position:bottom;height:620px;margin:auto auto 5%}#crm_event #lottery .lottery-title{background-image:url(/img/crm/roulette/roulette_title_m.png);background-size:cover;height:80.1px;left:calc(50% - 181px);max-width:none;position:absolute;top:0;width:362px;z-index:2}#crm_event #lottery .lottery-intro{background-image:url(/img/crm/roulette/roulette_intro_m.png);background-size:cover;height:48px;left:calc(50% - 184.35px);max-width:none;position:absolute;top:15%;width:368.7px;z-index:2}#crm_event #lottery .wheel-content{bottom:0;position:absolute;right:calc(50% - 300px);transform:scale(.5);z-index:2}#crm_event #lottery .wheel-content .lucky-wheel{align-items:center;animation-delay:3s;border-radius:50%;display:flex;height:600px;justify-content:center;padding:30px;width:600px}#crm_event #lottery .wheel-content .lucky-wheel:after{background-image:url(/img/crm/roulette/wheel_outside.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;content:"";height:600px;position:absolute;width:600px}#crm_event #lottery .wheel-content .lucky-wheel .award-container{border-radius:100%;display:block;height:100%;overflow:hidden;position:relative;width:100%}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item{align-items:center;border:1px solid #4e3a69;display:flex;height:50%;justify-content:center;position:absolute;right:0;top:0;transform-origin:0 100%;width:50%}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item .item-content{-webkit-box-orient:vertical;-webkit-line-clamp:4;display:-webkit-box;font-size:2em;font-weight:700;line-height:1.25;overflow:hidden;padding:0 3.5em;text-align:center;width:100%}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n){background-color:#4e3a69}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n) .item-content{color:#f8d744}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n+1){background-color:#f8d744}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n+1) .item-content{color:#4e3a69}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n+2){background-color:#ea6162}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item:nth-child(3n+2) .item-content{color:#fff}#crm_event #lottery .wheel-content .lucky-wheel .pointer-container{align-items:center;color:#fff;display:flex;font-size:2rem;height:208px;justify-content:center;position:absolute;width:128px;z-index:2}#crm_event #lottery .wheel-content .lucky-wheel .pointer-container:after{background-color:#ea6162;border-radius:50%;content:"點擊抽獎";display:block;font-weight:700;height:120px;line-height:1;padding:30px 28px;text-align:center;width:120px}#crm_event #lottery .wheel-content .lucky-wheel .pointer-container .pointer{background-image:url(/img/crm/roulette/pointer.svg);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:39.7px;cursor:pointer;display:block;height:208px;position:absolute;transform-origin:64px 144px;width:128px}#crm_event #lottery .share-btn{animation-delay:3.5s;animation-duration:1s;animation-name:fadeIn;bottom:50px;position:absolute}@media screen and (min-width:576px){#crm_event #lottery{height:700px}#crm_event #lottery .lottery-title{height:124px;left:calc(50% - 280.5px);top:0;width:561px}#crm_event #lottery .lottery-intro{height:74px;left:calc(50% - 284.15px);top:17.5%;width:568.3px}}@media screen and (min-width:768px){#crm_event #lottery{height:1050px}#crm_event #lottery .lottery-title{background-image:url(/img/crm/roulette/roulette_title.png);height:258px;left:0;top:0;width:430px}#crm_event #lottery .lottery-intro{background-image:url(/img/crm/roulette/roulette_intro.png);height:169px;left:55%;top:5%;width:338px}#crm_event #lottery .wheel-content{bottom:150px;transform:scale(1)}#crm_event #lottery .wheel-content .lucky-wheel .award-container .item .item-content{font-size:1.5em;padding:0 3.5em}#crm_event #lottery .swirl-in-fwd{left:10%}}@media screen and (min-width:1024px){#crm_event #lottery .lottery-title{height:330px;width:550px}#crm_event #lottery .lottery-intro{height:200px;width:400px}}#crm_event .notice{background-color:#1a2844;color:#f8fafc}#crm_event .notice a,#crm_event .notice a.active,#crm_event .notice a:active,#crm_event .notice a:hover{color:#ea6162}