body{
    background-color:#676985;
}
.Bar ul{
     list-style:none;
     overflow: hidden;
     scroll-behavior:auto;
}
.Bar img{
    display:block;
    float:left;
    height:75px;
    width:75px; 
}
.Bar li{
    float:right;
    padding:10px;
}
.Bar a{
color:#f5b9eb;
    text-decoration:none;
    text-align:left;
    display: block;
    padding:10px;
}
.Bar a.hover-bg:hover{
    background-color:#676985;
    color:#f5b9eb;
}
.Pro{
    width: 300px;
    height:300px;
    border-radius:45%;
    margin-left:250px;
}
.Lin{
    margin-left:140px;
    display:block;
    border:2px solid black;
    border-radius:302px;
    height:60px; 
    width: 500px;
}
.Lin a{
  display: inline-block;
  position: relative;
  z-index:1;
  padding:-50px;
  margin:-50px;
}
.Lin a{

    margin-left:77px;
    margin-right:10px;
    text-decoration:none;
}
.L:hover{
    color:rgb(20, 163, 20);
}
.H:hover{
color:#c13584;
}
.J:hover{
    color: #0967e0;
}
.K:hover{
    color:red;
}
.text{
    color:#f5b9eb;
    margin-left:60px;
    text-align:left;
}
h4{
    color:#f5b9eb;
    text-align:left;
    margin-left:330px;    
}
.Ban{
    display:flex;
    gap:6em;
    width:27cm;
    height:7cm;
    padding-top:3cm;
    margin-left:10cm;
}
.Ban img{
    width:290px;
    height:250px;
}
.foot{
    padding-top:300px;
    text-align: center;
}
.EM{
    text-decoration: none;
    color:#f5b9eb;
}
.Top img{ 
    height:453px;
    width: 1512px;
}
.Top{
    padding-top:30px;
    display:flex;
    justify-content:center;
    height:492;
    width:1700px;
}
.Top h3{
    position: absolute;
    top: 34%;
    left:50%;
    transform:translate(-50%,-50%);
}
.Top h3{
    color:white;
    font-size:60px;
}
.Bin{
    margin-left:140px;
    display:block;
    border:2px solid black;
    border-radius:302px;
    height:60px; 
    width:300px;
}
.Bin a{
  display:inline-block;
  position: relative;
  z-index:1;
  padding:-50px;
  margin:-50px;
}
.Bin a{
    margin-left:77px;
    margin-right:10px;
    text-decoration:none;
}