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;

}
#advul{
    padding-bottom: 2%;
}
#advlist{
    padding-top: 2%;
    font-size: 1.4vw;
    padding-left: 5%;
}
#advlist li{
    padding-bottom: 1%;
}

#pagematch{
    width: 100%;
    height: auto;
    font-size: 1.2vw;
    color: black;
}
#pagematch a{
    text-decoration: none;

}
#advlist a{
    text-decoration: none;
}
#advlist a:hover{
    color: rgb(154,48,54);
    text-decoration: underline;
}
#pagematch a:hover{
    color: rgb(154,48,54);
    text-decoration: underline;

}
#firstpage{
    width: 10%;
    padding-left: 23%;
    float: left;
    text-align: center;
}
#lastpage{
    width: 10%;
    padding-left: 1%;
    float: left;
    text-align: center;
}
#pageorder{
    width: 10%;
    padding-left: 1%;
    float: left;
    text-align: center;
}
#nextpage{
    width: 10%;
    padding-left: 1%;
    float: left;
    text-align: center;
}
#finalpage{
    width: 10%;
    padding-left: 1%;
    float: left;
    text-align: center;
}
.adverlist{
    width: 50%;
    float: left;
}