html{
    height: 100%;
}
body{
    height: 100%;
}
#header{
    position: relative;
    width: 100%;
    height: auto;

}
#top-banner{
    width: 100%;
    height: auto;
}
.mid{
    position: relative;
    width: 100%;
    height: auto;

}
#mid-banner{
    width: 100%;
    text-align: center;
}#guideline{
     width: 100%;
     float: left;
     height: auto;
     font-size: 1.7vw;
     background-color: rgb(154,48,54);

 }
.navlist{
    float: left;
    height: 100%;
    width: 100%;
}
.navlist li{
    list-style-type: none;
    text-decoration: none;
    float: left;
    height: 100%;
    width: 11%;
    text-align: center;

}
.navlist a{
    color: rgb(248,245,245);
    text-decoration: none;

}

.navlist a:hover{
    color: #000;
}
#maintext{
    padding-top: 2%;
    float: left;
    width: 100%;
    height: auto;
    background-image: url("../img/back.jpg");
    background-size: cover;
}

#mid-maintext{
    padding-top: 2%;
    padding-bottom: 2%;
    float: left;
    width: 90%;
    height: auto;
    background-color: antiquewhite;
    transform: translate(5%);
}
#talentlist{
    float: left;
    width: 45%;
    height: auto;
    font-size: 1.5vw;
    text-decoration: none;
    padding-left: 5%;
}
#bottom{
    background-color:  rgb(154,48,54);
}
#bottom .p2{
    color: aliceblue;
}
.p1{
    text-align: center;
    font-size: 1.5vw;
    font-weight: bolder;
}
.p2{
    text-align: center;
    font-size: 1.1vw;

}
#title
{
    float: left;
    width: 100%;
    height: auto;
    font-size: 1.75vw;
    font-weight: bolder;
    text-align: center;
    border-bottom: 0.2vw solid;
    border-image-source: linear-gradient(-90deg, rgba(154,48,54,0),rgba(154,48,54,100), rgba(154,48,54,0));
    border-image-slice: 1;

}
#intro-text{
    padding-top: 1%;
    line-height: 175%;
    text-indent: 3vw;
    padding-left: 3%;
    padding-right: 3%;
    padding-bottom: 2%;
    float: left;
    height: auto;
    font-size: 1.5vw;
    text-align: justify;
}
#intro-img{
    padding-top: 2%;
    float: left;
    width: 100%;
    height: auto;

}#qjf{

     float: left;
     width: 50%;
     height: auto;
     transform: translate(50%);
 }