@charset "utf-8";
/* CSS Document */
/*-----------底部------------*/
footer{	position:relative;z-index:5;background-color:#202221;}
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:1.8fr 1fr 1fr 1fr;
	}	
footer h3{
	display:inline-block;
	position:relative;
	overflow:hidden;	
	font-size:2.4rem;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	font-weight:700;
}
footer a:hover{color:#fff;}
footer ul{ padding-top:1.4rem;}
footer ul li{line-height:1.6em; color:#84898B;}
footer ul li a{
	color:#84898B;
	display:block;
	text-decoration:none;
	padding:0;
}

.footmid,.foot-first{ margin-top:16rem;}
.foottop  img{ display:inline-block; width:40%;padding:15px 8rem 15px 2rem;background-color:var(--web-theme-color);}
.foottop p{width:min(80%,380px); padding-top:6rem; color:rgba(255,255,255,.6);}
.foottop p a{color:#84898B;	text-decoration:none;}
.foottop p a:hover{color:#fff;}
/*comseek*/
#comseek{ 	position:relative; z-index:5; background-color:#383838; padding:0rem 8rem;}
#comseek .grid{ grid-template-columns:repeat(2,auto);justify-content: space-between;  align-items: center; }
.com-seek-cont:first-child{ padding-top:1.6rem;} 
.com-seek-cont:first-child p{padding-top:1.6rem;}
.com-seek-cont h2{color:var(--web-theme-color-white);}
.com-seek-cont p{padding-top:1.6rem; color:rgba(255,255,255,1);}
.com-seek-cont-box{ width:50px; height:50px;border-radius:50%; background-color:rgba(255,255,255,.4); margin:0 auto;}
.com-seek-cont i{ padding:1.4rem; font-size:2rem; color:var(--web-theme-color-white);}
.com-seek-cont:last-child{background-color:var(--web-theme-color); padding:2rem 6rem;}
.com-seek-cont:last-child p{text-align: center; }
/*copy*/
#copy{ margin-top:8rem; padding:2rem 0; border-top:#373938 solid 1px;}
#copy  p{ color:rgba(255,255,255,.6); text-align:center; word-wrap:break-word; word-break:break-all;}
#copy  p a{color:rgba(255,255,255,.6);}
#copy  p a:hover{ color: var(--web-theme-color-white);}
@media (max-width:1023px){
.foottop  img{ display:inline-block; width:38%;padding:15px 8rem 15px 2rem;}
footer #foottop{
	display: -webkit-grid; 
  display: grid;
	grid-template-columns:auto;
	justify-content: space-between;
	grid-column-gap:0;
	grid-row-gap:2rem;
	}
.footmid,.foot-first{ margin-top:2rem;}	
 footer h3{padding-top:10px;white-space:nowrap;}	
.foottop p{width:100%; padding-top:4rem;}

}
@media (max-width:490px){
.foottop  img{ display:inline-block; width:47%;padding:15px 3rem 15px 2rem;}
/*comseek*/
#comseek{ padding:4rem 0;}
#comseek .grid{  grid-template-columns:auto;  grid-gap:0 20px; }
.com-seek-cont:first-child{ padding-top:1.2rem;} 
.com-seek-cont h2{ line-height: 1.4em;}
.com-seek-cont-box{ width:25px; height: 25px;  margin:0; margin-left: 2rem;}
.com-seek-cont i{ padding:1rem 0.6rem; font-size:1.6rem;}
.com-seek-cont:last-child{  width: 40%; padding:8px 0; margin-top: 1.6rem; }
.com-seek-cont:last-child a{display: flex; flex-direction: row-reverse; justify-content: center; align-items: center;}
.com-seek-cont:last-child p{ padding: 0; text-align:center; }
/*copy*/
#copy{ margin-top:4rem; }
#copy  p a{ display: block;}
}