main{
	max-width:1920px;
	margin: 0 auto;
	background-color: #18191b;
	padding: 1%;
}
.article {
	width: 1200px;
	height: auto;
	margin: 2% auto;
	display: flex;
	flex-flow: row wrap;
}
.article-left{
  width: 100%;
  height: auto;
  background-color: #18191b;
  margin: 0 auto;
  padding: 0 1%;
  

}

.text-top{
	width: 100%;
	height: auto;
	margin-top: 5% auto;
	
}
.text-top h2{
	margin-top: 3%;
	font-size: 28px;
	color: white;
}
.text-top h3{
	margin-top: 3%;
	font-size: 24px;
	color: white;
}
.text-top h1{
	text-align: center;
	font-size: 28px;
	color: #ecbc5a;
}
.text-top h6{
	text-align: center;
	font-size: 26px;
	color: white;
	margin-bottom: 3%;
	
}
.information p{
	font-size: 24px;
    color:white;
}

.information ul {
    font-size: 16px;
    color: white;
}
.information ol {
    font-size: 16px;
    color: white;
}
.text-bottom{
	width: 95%;
	height: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #cea68c;
}
.text-bottom a{ color: #cea68c;}
.return a{
	text-decoration: none;
	color: #cea68c;
}
.article-right{
	width: 24%;
	height: auto;
	margin: 0 auto;
	background-color:  #f7f7f7;
	padding: 1%;
}
.article-right .search{
	display: flex;
	flex-flow: row wrap;
}
.article-right .search input{
	width: 65%;
	height: 35%;
}
 .search-img{
	width: 12%;
	height:28px;

	background-color: #c9a084;
}

.article-right-conter h5{
	font-size: 20px;
}
.article-right-conter .text p{
	font-size: 14px;
}
.text-card{
	display: flex;
	justify-content: space-between;
	border-bottom: 0.1px #c9a084 solid;
	margin-top: 8%;
}
.text-card a{
	width: 45%;
	height: auto;
	margin: 0% auto;
	
}

.text-card a img{
	width: 100%;
	height: auto;
	margin: 0% auto;

}
.text-card-text{
	width: 50%;
	height: auto;
	
   
}
.text-card-text p a{
    text-decoration: none;
	color: black;
	font-size: 12px;

}
.text-card-text strong{
	margin-top: -20px;
	font-size: 12px;
}
@media screen and (max-width:1200px){
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
		display: flex;
		flex-flow: row wrap;
	}
	.article-left{
	  width: 71%;
	  height: auto;
	 
	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 98%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 28px;
		color: #cea68c;
	}
	.text-top h6{
		text-align: center;
		font-size: 26px;
		
	}
	.information p{
		font-size: 24px;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #cea68c;
	}
	
	.text-bottom-text p{margin-bottom: 1rem;}
	.return a{
		text-decoration: none;
		color: #cea68c;
	}
	
	 .search-img{
		width: 12%;
		height:28px;
	
		background-color: #c9a084;
	}
	
	.article-right-conter h5{
		font-size: 20px;
	}
	.article-right-conter .text p{
		font-size: 14px;
	}
	.text-card{
		display: flex;
		justify-content: space-between;
		border-bottom: 0.1px #c9a084 solid;
		margin-top: 8%;
	}
	.text-card a{
		width: 45%;
		height: auto;
		margin: 0% auto;
		
	}
	
	.text-card a img{
		width: 100%;
		height: auto;
		margin: 0% auto;
	
	}
	.text-card-text{
		width: 50%;
		height: auto;
		
	   
	}
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 12px;
	
	}
	.text-card-text strong{
		margin-top: -20px;
		font-size: 12px;
	}
}
@media screen and (max-width:768px){
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
	}
	.article-left{
	  width: 90%;
	  height: auto;

	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 98%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 28px;
		color: #cea68c;
	}
	.text-top h6{
		text-align: center;
		font-size: 26px;
		
	}
	.information p{
		font-size: 24px;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #cea68c;
	}
	
	.return a{
		text-decoration: none;
		color: #cea68c;
	}
	
	 .search-img{
		width: 12%;
		height:28px;
	
		background-color: #c9a084;
	}
	
	.article-right-conter h5{
		font-size: 20px;
	}
	.article-right-conter .text p{
		font-size: 14px;
	}
	.text-card{
		display: flex;
		justify-content: space-between;
		border-bottom: 0.1px #c9a084 solid;
		margin-top: 8%;
	}
	.text-card a{
		width: 75%;
		height: auto;
		margin: 0% auto;
		
	}
	
	.text-card a img{
		width: 100%;
		height: auto;
		margin: 0% auto;
	
	}
	.text-card-text{
		width: 50%;
		height: auto;
		
	   
	}
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 24px;
	
	}
	.text-card-text strong{
		margin-top: -20px;
		font-size: 24px;
	}
}
@media screen and (max-width:600px){
	.article {
		width: 100%;
		height: auto;
		margin: 2% auto;
	}
	.article-left{
	  width: 90%;
	  height: auto;

	  margin: 0 auto;
	  padding: 2% 1%;
	}
	
	.text-top{
		width: 98%;
		height: auto;
		margin-top: 5% auto;
		
	}
	.text-top h1{
		text-align: center;
		margin-top: 3%;
		font-size: 24px;
		color: #cea68c;
	}
	.text-top h6{
		text-align: center;
		font-size: 20px;
		
	}
	.information p{
		font-size: 16px;
	}
	.text-bottom{
		width: 95%;
		height: auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: #cea68c;
	}
	
	.return a{
		text-decoration: none;
		color: #cea68c;
	}

	 .search-img{
		width: 12%;
		height:28px;
	
		background-color: #c9a084;
	}
	

	.text-card{
		display: flex;
		justify-content: space-between;
		border-bottom: 0.1px #c9a084 solid;
		margin-top: 8%;
	}
	.text-card a{
		width: 60%;
		height: auto;
		margin: 0% auto;
		
	}
	
	.text-card a img{
		width: 100%;
		height: auto;
		margin: 0% auto;
	
	}
	.text-card-text{
		width: 35%;
		height: auto;
		
	   
	}
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 22px;
	
	}
	.text-card-text strong{
		margin-top: -20px;
		font-size: 22px;
	}
}
@media screen and (max-width:500px){
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 20px;
	
	}
	.text-card-text strong{
		margin-top: -20px;
		font-size: 20px;
	}
}
@media screen and (max-width:450px){
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 18px;
	
	}
	.text-card-text strong{
		margin-top: -10px;
		font-size: 18px;
	}
}
@media screen and (max-width:400px){
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 16px;
	
	}
	.text-card-text strong{
		margin-top: -10px;
		font-size: 16px;
	}
}
@media screen and (max-width:350px){
	.text-card-text p a{
		text-decoration: none;
		color: black;
		font-size: 12px;
	
	}
	.text-card-text strong{
		margin-top: -10px;
		font-size: 12px;
	}
}