.popup>.wrap{border-radius:10px}.popup>.wrap .content{overflow:hidden}.popup>.wrap .content .article{-moz-animation:popupArticle 2s;-webkit-animation:popupArticle 2s;animation:popupArticle 2s;-moz-transform:translate(-50%, 100px) scale(0);-ms-transform:translate(-50%, 100px) scale(0);-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);position:absolute;width:200px;bottom:70px;left:50%;margin-right:-50%;opacity:0;background:#ffffff;border-radius:0.1em;border:1px solid #e6e6e6;padding:10px}.popup>.wrap .content .typeIcon{-moz-animation:popupTypeIcon 2s;-webkit-animation:popupTypeIcon 2s;animation:popupTypeIcon 2s;-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);position:absolute;top:50%;left:50%;margin-right:-50%;text-align:center}.popup>.wrap .content .typeIcon .icon{font-size:140px;display:inline-block;background:#ffffff;border-radius:0.1em;border:1px solid #e6e6e6;box-shadow:0 0 10px rgba(0,0,0,0.1)}.popup>.wrap .content .typeIcon .label{-moz-animation:popupTypeIconLabel 2s;-webkit-animation:popupTypeIconLabel 2s;animation:popupTypeIconLabel 2s;display:block;margin:20px 30px 0 30px}.popup.removed>.wrap .content .article{-moz-animation:popupArticleRemoved 2s;-webkit-animation:popupArticleRemoved 2s;animation:popupArticleRemoved 2s;-moz-transform:translate(100%, -50%) scale(0);-ms-transform:translate(100%, -50%) scale(0);-webkit-transform:translate(100%, -50%) scale(0);transform:translate(100%, -50%) scale(0);opacity:0}.popup.removed>.wrap .content .typeIcon{-moz-animation:popupTypeIconRemoved 2s;-webkit-animation:popupTypeIconRemoved 2s;animation:popupTypeIconRemoved 2s}@-moz-keyframes popupArticle{0%{-moz-transform:translate(-100%, -50%) scale(0);transform:translate(-100%, -50%) scale(0);opacity:0}20%{-moz-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}50%{-moz-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-moz-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}}@-webkit-keyframes popupArticle{0%{-webkit-transform:translate(-100%, -50%) scale(0);transform:translate(-100%, -50%) scale(0);opacity:0}20%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}50%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}}@keyframes popupArticle{0%{-moz-transform:translate(-100%, -50%) scale(0);-ms-transform:translate(-100%, -50%) scale(0);-webkit-transform:translate(-100%, -50%) scale(0);transform:translate(-100%, -50%) scale(0);opacity:0}20%{-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}50%{-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-moz-transform:translate(-50%, 100px) scale(0);-ms-transform:translate(-50%, 100px) scale(0);-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}}@-moz-keyframes popupTypeIcon{0%{-moz-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-moz-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);opacity:0}40%{-moz-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}70%{-moz-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@-webkit-keyframes popupTypeIcon{0%{-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);opacity:0}40%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}70%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@keyframes popupTypeIcon{0%{-moz-transform:translate(-50%, 100%) scale(0.5);-ms-transform:translate(-50%, 100%) scale(0.5);-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-moz-transform:translate(-50%, 100%) scale(0.5);-ms-transform:translate(-50%, 100%) scale(0.5);-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);opacity:0}40%{-moz-transform:translate(-50%, 0) scale(0.5);-ms-transform:translate(-50%, 0) scale(0.5);-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}70%{-moz-transform:translate(-50%, 0) scale(0.5);-ms-transform:translate(-50%, 0) scale(0.5);-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@-moz-keyframes popupArticleRemoved{0%{-moz-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}30%{-moz-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}50%{-moz-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-moz-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}}@-webkit-keyframes popupArticleRemoved{0%{-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}30%{-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}50%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}}@keyframes popupArticleRemoved{0%{-moz-transform:translate(-50%, 100px) scale(0);-ms-transform:translate(-50%, 100px) scale(0);-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}30%{-moz-transform:translate(-50%, 100px) scale(0);-ms-transform:translate(-50%, 100px) scale(0);-webkit-transform:translate(-50%, 100px) scale(0);transform:translate(-50%, 100px) scale(0);opacity:0}50%{-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}70%{-moz-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:1}}@-moz-keyframes popupTypeIconRemoved{0%{-moz-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-moz-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}80%{-moz-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@-webkit-keyframes popupTypeIconRemoved{0%{-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}80%{-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@keyframes popupTypeIconRemoved{0%{-moz-transform:translate(-50%, 100%) scale(0.5);-ms-transform:translate(-50%, 100%) scale(0.5);-webkit-transform:translate(-50%, 100%) scale(0.5);transform:translate(-50%, 100%) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:0}20%{-moz-transform:translate(-50%, 0) scale(0.5);-ms-transform:translate(-50%, 0) scale(0.5);-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}80%{-moz-transform:translate(-50%, 0) scale(0.5);-ms-transform:translate(-50%, 0) scale(0.5);-webkit-transform:translate(-50%, 0) scale(0.5);transform:translate(-50%, 0) scale(0.5);margin-right:-50%;left:50%;top:180px;opacity:1}}@-moz-keyframes popupTypeIconLabel{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@-webkit-keyframes popupTypeIconLabel{0%{opacity:0}80%{opacity:0}100%{opacity:1}}@keyframes popupTypeIconLabel{0%{opacity:0}80%{opacity:0}100%{opacity:1}}