@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body {
	background-image: url("../../Picture/5532862.jpg");
	background-position: center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	
}

.header .container {
	background: rgba(255, 255, 255, 0.5);
}
.header-text {	
	text-align: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 2.5rem;
}
.title-deatil {
	background: rgba(255, 255, 255, 0.5);	
}

.group .title-deatil a2 {
	color: #FFFFFF;
	background-color: #660000;
	padding: 8px;	
	font-size: 1.3rem;
	border-radius: 8px;
}


.link-detail {
	background: rgba(255, 255, 255, 0.5);
}

.link-detail ul {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 5px;
	padding-top: 1rem;
	padding-bottom: 1.5rem;
}


.link-detail ul li a1 {
	font-size: 1.1rem;
	
}
.link-detail ul li a {
	text-decoration: none;
	color: #000000;
	font-size: 0.9rem;
	padding: 4px;	
}

.link-detail ul li a:hover {
	background: #660000;
	color: #FFFFFF;
	border-radius: 6px;
	transition: 0.4s;
}

.link-detail img {
	width: 100%;
}