#za-id-label,#za-id-radar{display:table-cell;vertical-align:middle}.annimate_rotate,.shake2{animation-iteration-count:infinite}#za-idcontrol{position:relative;user-select:none;border:1px solid #EDEDED;display:table;cursor:pointer;padding-left:10px}#za-id-radar{margin-left:10px;width:18px;height:18px}#za-id-label{padding-left:20px;font-size:14px}.loading{background-color:#FCFCFC!important}.success{background-color:#EAFAEC!important;border-color:#B8E4CF!important;color:#379C6C!important}.fail{background-color:#FAEDEA!important;border-color:#E4B8B8!important;color:#EF4836!important}.annimate_rotate{animation-duration:1.4s;animation-name:rotation}@keyframes rotation{from{transform:rotate(0)}to{transform:rotate(360deg)}}#za-id-dialog{min-width:266px;border:1px solid #EDEDED;background-color:#FFF;position:absolute;z-index:20}#za-id-dialog-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}@media (max-width:600px){#za-id-dialog{width:100%!important;left:0!important;box-sizing:border-box}#dialog-arrow{display:none}}#za-id-dialog-container{width:100%;height:100%;display:table;z-index:9999}#za-id-dialog-header{font-size:12px;margin:10px;text-align:left;align-self:baseline}#za-id-dialog-control{width:90%;height:60%;background:#F3F6FB;margin-left:5%}#za-id-dialog-footer{text-align:center;margin-top:10px}#za-id-dialog-img{background-size:cover;width:100%;height:100%}.zoomin{animation-name:zoomin;animation-duration:.8s}@keyframes zoomin{0%{opacity:0}100%{opacity:1}}.shake2{animation-name:shake2;animation-duration:1s;animation-timing-function:ease-in-out}@keyframes shake2{2%{transform:translate(-.5px,-.5px) rotate(.5deg)}4%{transform:translate(2.5px,-1.5px) rotate(-.5deg)}6%,68%,94%{transform:translate(2.5px,.5px) rotate(1.5deg)}8%{transform:translate(-.5px,2.5px) rotate(-.5deg)}10%,78%,86%{transform:translate(1.5px,-.5px) rotate(1.5deg)}12%,90%{transform:translate(.5px,-1.5px) rotate(-.5deg)}14%{transform:translate(.5px,-1.5px) rotate(.5deg)}16%,26%{transform:translate(-.5px,.5px) rotate(.5deg)}18%{transform:translate(-1.5px,1.5px) rotate(.5deg)}20%,96%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}22%,76%{transform:translate(1.5px,1.5px) rotate(.5deg)}24%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}28%{transform:translate(-1.5px,1.5px) rotate(-.5deg)}30%{transform:translate(1.5px,.5px) rotate(.5deg)}32%{transform:translate(1.5px,-.5px) rotate(.5deg)}34%,66%{transform:translate(2.5px,1.5px) rotate(-.5deg)}36%,72%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}38%,62%{transform:translate(1.5px,2.5px) rotate(-.5deg)}40%,98%{transform:translate(-.5px,-1.5px) rotate(.5deg)}42%{transform:translate(.5px,.5px) rotate(.5deg)}44%{transform:translate(1.5px,1.5px) rotate(-.5deg)}46%,64%{transform:translate(-1.5px,.5px) rotate(-.5deg)}48%{transform:translate(1.5px,1.5px) rotate(1.5deg)}50%{transform:translate(.5px,-.5px) rotate(.5deg)}52%,84%{transform:translate(-.5px,.5px) rotate(1.5deg)}54%{transform:translate(1.5px,-1.5px) rotate(.5deg)}56%,74%,92%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(2.5px,1.5px) rotate(.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}70%{transform:translate(-1.5px,-1.5px) rotate(.5deg)}80%{transform:translate(-.5px,1.5px) rotate(1.5deg)}82%{transform:translate(2.5px,2.5px) rotate(.5deg)}88%{transform:translate(2.5px,-1.5px) rotate(.5deg)}0%,100%{transform:translate(0,0) rotate(0)}}
#bg_el,#wrapper_sd{background-color:#F3F6FB}#bg_el,#ft_el,#sd_bt{height:100%}.pkman_eating1,.pkman_eating2{animation-duration:1.4s;animation-iteration-count:infinite}.pkman_eating1,.pkman_eating2,.shake{animation-iteration-count:infinite}#wrapper_sd{position:relative;user-select:none}#bg_el,#ft_el,#sd_bt,.pkman_eating1,.pkman_eating2{position:absolute}#bg_el{width:0;z-index:99}#sd_bt{width:40px;z-index:999;box-sizing:border-box;cursor:move}#ft_el{width:calc(100% - 40px);text-align:right;font-size:12px;z-index:1;pointer-events:none;display:table;margin-left:40px}.ft_circle{width:14px;height:14px;background:#2F8CFF;border-radius:10px;display:inline-block;margin:18px 0 0}.ft_circle_space{display:inline-block;width:9%}.pkman_eating2{animation-name:eating2;top:3px}@keyframes eating2{0%,100%{transform:rotate(0);transform-origin:26px 22px}50%{transform:rotate(-35deg);transform-origin:26px 22px}}.pkman_eating1{animation-name:eating1;top:-5px}@keyframes eating1{0%,100%{transform:rotate(0);transform-origin:27px 26.6px}50%{transform:rotate(35deg);transform-origin:27px 26.6px}}.shake{animation-name:shake;animation-duration:1s;animation-timing-function:ease-in-out}@keyframes shake{2%{transform:translate(-.5px,-.5px) rotate(.5deg)}4%{transform:translate(2.5px,-1.5px) rotate(-.5deg)}6%,68%,94%{transform:translate(2.5px,.5px) rotate(1.5deg)}8%{transform:translate(-.5px,2.5px) rotate(-.5deg)}10%,78%,86%{transform:translate(1.5px,-.5px) rotate(1.5deg)}12%,90%{transform:translate(.5px,-1.5px) rotate(-.5deg)}14%{transform:translate(.5px,-1.5px) rotate(.5deg)}16%,26%{transform:translate(-.5px,.5px) rotate(.5deg)}18%{transform:translate(-1.5px,1.5px) rotate(.5deg)}20%,96%{transform:translate(-.5px,-1.5px) rotate(-.5deg)}22%,76%{transform:translate(1.5px,1.5px) rotate(.5deg)}24%{transform:translate(-1.5px,2.5px) rotate(1.5deg)}28%{transform:translate(-1.5px,1.5px) rotate(-.5deg)}30%{transform:translate(1.5px,.5px) rotate(.5deg)}32%{transform:translate(1.5px,-.5px) rotate(.5deg)}34%,66%{transform:translate(2.5px,1.5px) rotate(-.5deg)}36%,72%{transform:translate(-1.5px,-.5px) rotate(-.5deg)}38%,62%{transform:translate(1.5px,2.5px) rotate(-.5deg)}40%,98%{transform:translate(-.5px,-1.5px) rotate(.5deg)}42%{transform:translate(.5px,.5px) rotate(.5deg)}44%{transform:translate(1.5px,1.5px) rotate(-.5deg)}46%,64%{transform:translate(-1.5px,.5px) rotate(-.5deg)}48%{transform:translate(1.5px,1.5px) rotate(1.5deg)}50%{transform:translate(.5px,-.5px) rotate(.5deg)}52%,84%{transform:translate(-.5px,.5px) rotate(1.5deg)}54%{transform:translate(1.5px,-1.5px) rotate(.5deg)}56%,74%,92%{transform:translate(-.5px,-1.5px) rotate(1.5deg)}58%{transform:translate(2.5px,1.5px) rotate(.5deg)}60%{transform:translate(-.5px,-.5px) rotate(1.5deg)}70%{transform:translate(-1.5px,-1.5px) rotate(.5deg)}80%{transform:translate(-.5px,1.5px) rotate(1.5deg)}82%{transform:translate(2.5px,2.5px) rotate(.5deg)}88%{transform:translate(2.5px,-1.5px) rotate(.5deg)}0%,100%{transform:translate(0,0) rotate(0)}}