.anim_wrap {
  width: 240px;
  height: 0px;
  background-image: url("img/anim_main.png");
  transition:height 0.6s;
}
.anim_wrapper.current .anim_wrap{height: 136px;} 

.anim_wrapper.current{height:202px;}
.anim_wrapper{height:66px;transition:height 0.6s;}

.anim_wrap_info_box{
  position: absolute;
  bottom:0;
  width:100%;
  -moz-box-sizing: border-box;
}

.anim_wrap_info_text{
  color:white;
  background-color: rgb(0,87,164);
  background-color: rgba(0,87,164,.65);
  padding: 0px 10px;
  font-size:11px;
  font-family: arial, sans-serif;
  font-weight: 700;
  width:100%;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 22px;
}

.anim_wrap_info_text2{
  background-color: rgb(255,255,255);
  background-color: rgba(255,255,255,.85);
  color: #000;
  width: 100%;
  display: block;
  padding: 0px 10px;
  font-size:11px;
  font-family: arial, sans-serif;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  line-height: 22px;
}
.anim_wrap_info_text2 a{color: #000;}

.anim_wrapper{position: fixed;width:240px;bottom:0;right:0;z-index: 20;margin: 15px;}

.anim_wrapper_close{
  width:20px;height:20px;line-height: 20px;
  position: absolute;
  top:-10px;right:-10px;
  border-radius: 50%;
  border:3px solid rgba(0,87,164,.65);
  color:white;
  text-align: center;
  
  z-index: 12;
  background-color: rgba(0,87,164,.65);
}
.anim_wrapper_close:hover{cursor: pointer;}

.anim_wrapper.disable_anim{display:none;}