@charset "utf-8";
@import url('inc.css');
#tb{
	display:grid;
	grid-template-columns:calc(50% - 30px/2) calc(50% - 30px/2);
	column-gap:30px;
	row-gap:30px;
	width:auto;
	height:auto;
	margin:auto;
}
@media (max-width:767px){
	#tb{
		grid-template-columns:auto;
		column-gap:10px;
		row-gap:10px;
		margin-top: 20px;
	}
}
.tb_item{
	width:auto;
	height:auto;
	overflow:hidden;
	overflow:hidden;
	display:block;
	transition:all 0.4s;
}

.tb_tb{
	width:auto;
	height:auto;
	overflow:hidden;
	display:grid;
	grid-template-columns:35% auto;
	column-gap: 30px;
	row-gap: 20px;
	position: relative;
	background-color: #eee;
	border-radius: 10px;
	padding: 30px;
}
@media (max-width:480px){
	.tb_tb{
		grid-template-columns: auto;
	}
}
a.tb_pic{
	width:auto;
	height:auto;
	overflow:hidden;
	display:block;
	position:relative;
}
.tb_pic{
	width:100%;
	height:auto;
	overflow:hidden;
	display:block;
}
.tb_left{
	width:auto;
	height:auto;
	overflow:hidden;
	display:flex;
	display: -webkit-flex;
	background-color: #fff;
	justify-content: center;
	align-items: center;
}
.tb_right{
	width:auto;
	height:auto;
	overflow:hidden;
	display:flex;
	display: -webkit-flex;
	align-items: center;
	padding: 30px;
}
@media (max-width:480px){
	.tb_right{
		padding: 0px;
	}
}
a.tb_name{
	width:auto;
	height:auto;
	display:block;
	margin:auto;
	overflow:hidden;
	font-size: 1.4rem;
	font-weight: bold;
	color: #000;
}
a.tb_path{
	margin-left: 0px;
	margin-top: 20px;
	width:150px;
	height:auto;
	overflow:hidden;
	display:block;
	line-height: 40px;
	background-color: var(--back_color);
	color: #fff;
	text-align: center;
	border-radius: 20px;
}
a.tb_path:hover{
	background-color: #000;
}