.dop-block {
 position:relative;
 float:right;
 right:50%
}
div.inform {
 position:relative;
 overflow:hidden;
 font-family:arial,sans-serif;
 border:0px;
 margin:20px auto 0px;
 float:left;
 left:50%
}
hr.inform {
 color:#bd2424;
 background-color:#bd2424;
 height:2px;
 border-width:0px;
 margin:0px;
 clear:both
}
div.inform a {
 display:block;
 position:relative;
 text-decoration:none;
 color:#000
}
div.inform i {
 display:block;
 width:100%;
 position:absolute;
 left:0px;
 background:#000;
 opacity:0.40;
 -webkit-transition:all 0.6s ease-in-out;
 -moz-transition:all 0.6s ease-in-out;
 -o-transition:all 0.6s ease-in-out;
 transition:all 0.6s ease-in-out
}
div.inform bdo {
 display:block;
 position:absolute;
 width:100%;
 left:0px;
 background:transparent;
 font-size:12px;
 padding:0px;
 margin:0px;
 line-height:16px;
 -webkit-transition:all 0.6s ease-in-out;
 -moz-transition:all 0.6s ease-in-out;
 -o-transition:all 0.6s ease-in-out;
 transition:all 0.6s ease-in-out
}
div.inform bdo b {
 display:block;
 font-size:22px;
 color:#fc0;
 text-align:left;
 margin:0px;
 padding:0px 10px;
 line-height:30px
}
div.inform bdo span {
 display:block;
 padding:10px;
 line-height:20px
}
@media (hover) {
	div.inform a { margin:0px 0px 20px auto; }
	div.inform i { height:calc(100% + 20px); top:calc(100% + 20px); }
	div.inform bdo { top:calc(100% + 20px); color:#fff; }
}
@media (hover: none){
	div.inform a { margin:0px 0px 40px auto; }
	div.inform i { display:none; }
	div.inform bdo { top:100%; color:#555; }
}