#blog{padding-top:20px}#blog div.blog{border:1px solid #efefef;padding:15px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:block;float:left;width:calc(25% - 58px);margin-right:10px;margin-left:10px;margin-bottom:10px;min-height:80px;transition:.3s;position:relative}#blog div.blogover{background:#f5f5f5;transition:.3s}#blog div.blog a.title{display:block;font-weight:normal;margin-bottom:5px;font-size:16px;height:50px;color:#094198;line-height:16px}#blog div.blog span{color:#ccc;display:block;margin-bottom:5px;font-size:12px}#blog div.l{height:55px;overflow-y:hidden}@media screen and (max-width:1200px){#blog div.blog{width:calc(33% - 58px)}}@media screen and (max-width:890px){#blog div.blog{width:calc(50% - 58px)}}@media screen and (max-width:590px){#blog div.blog{width:calc(100% - 58px)}#blog div.blog a.title{height:auto}#blog div.l{height:auto}}#msg_pop{width:600px;padding:20px;position:fixed;left:50%;margin-left:-320px;background:#094198;color:#fff;font-weight:bold;top:20%;z-index:11}#msg_pop a.button{max-width:100px;margin:0 auto}#msg_pop a.close{float:right;color:#fff}#msg_back{width:100%;height:100%;position:fixed;left:0;background:#000;top:0;z-index:10;opacity:.6;margin:10px}@media screen and (max-width:640px){#msg_pop{width:calc(100% - 40px);padding:10px;position:fixed;left:10px;margin-left:0;top:10px}}div.banner{padding:10px;text-align:center}div.banner img{width:100%;max-width:750px;height:auto}#teaser{float:right;margin-top:20px;display:block}#teaser video{border:1px solid #efefef}#teaser2{float:none;margin-top:20px;margin-bottom:20px;display:none}#teaser2 video{width:100%;margin-top:-10px;border:1px solid #efefef}@media screen and (max-width:640px){#teaser{display:none !important}#teaser2{display:block !important}}