.frpostpro-wrap{position:fixed;z-index:999;width:100%;height:80px;box-shadow:-1px -3px 14px 0px rgba(0,0,0,0.1);overflow:hidden;}
.frpostpro-img{position:absolute;bottom:0;left:0;width:130px;height:100%;background-size:cover;background:no-repeat center center;}
.frpostpro-text{pointer-events:none;position:absolute;width:auto;right:15px;left:145px;height:100%;top:0px;}
.frpostpro-text-center{position:absolute;top:0px;right:0px;width:100%;}
.frpostpro-click{cursor:pointer;width:100%;height:100%;}
.frpostpro-title{font-weight:bold;overflow:hidden;}
.frpostpro-close-button{position:absolute;top:2px;right:4px;cursor:pointer;opacity:0.5;}
@keyframes slidein-image {
from{top:160px;}
to{top:0px;}
}
.slidein-image{animation-duration:1s;animation-name:slidein-image;animation-iteration-count:1;animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-duration:1s;-webkit-animation-name:slidein-image;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;}
@keyframes slidein-text {
from{top:250px;}
to{top:0px;}
}
.slidein-text{animation-duration:1s;animation-name:slidein-text;animation-iteration-count:1;animation-fill-mode:forwards;animation-delay:0.2s;-webkit-animation-duration:1s;-webkit-animation-name:slidein-text;-webkit-animation-iteration-count:1;-webkit-animation-fill-mode:forwards;-webkit-animation-delay:0.2s;}
.slidein-main{animation:slidein-main 1.0s 1 normal forwards;-webkit-animation:slidein-main 1.0s 1 normal forwards;}
@media only screen and (min-width: 767px) {
.frpostpro-wrap{
border-radius: 5px;
width: 400px;
}
}