.bor{
	overflow: hidden;
	padding: 0.2rem;
	margin: 0.4rem 0;
}
.bor a, a .bor {
  text-decoration: none;
  /* font-family: Cambria, sans-serif; */
}
.bor hr{
	margin: 0.2rem 0;
}
a .bor.row .col-3,a .bor.row .col-9{
	padding: 0 0.2rem;
}
.relative .bor
{
	padding: 0.8rem;
}
.relative .bor .showContent
{
	display: block;
}
.relative .bor .hoverContent
{
	display: none;	
}
.relative .bor:hover .showContent{
	display: block;
}
.bor.important, .relative .bor:hover .hoverContent.important
{
	border-left: 0.4rem solid red;
}
.bor.important:hover, .hoverContent.important:hover
{
	-webkit-box-shadow: 0 4px 10px rgb(255 0 0 / 30%);
    box-shadow: 0 4px 10px rgb(255 0 0 / 30%);
}
.bor .showContent{
	display: block;
	height: 100%;
}
.bor .hoverContent{
	display: none;
	width: calc(100% - 1.2rem);	
}
.bor:hover .hoverContent,.bor.showHover .hoverContent{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.2rem;
	margin: 0 0.6rem;
	border: 1px solid gray;
	background: inherit;
    z-index: 50;
}
.relative .bor:hover .hoverContent, .relative .bor.showHover .hoverContent
{
	display: block;
	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0.8rem;
    margin-top: 0.4rem;
	border: 1px solid gray;
	background: inherit;
    z-index: 50;
}
.bor:hover .showContent{
	display: none;
}
.bor img
{
	vertical-align: middle;
}
.bor a:hover,a .bor:hover,a:hover .bor{
	text-decoration: none;
}