header .logo1{height:3rem;content:url(../img/logo-dark.png);}
.header1 a{color:black;}
#siteMap a i{color:black;}

body{position: relative;width:100%;height:100%;}
.section{width:62.5vw;min-width:120rem;margin:0 auto; text-align: center;padding-top:27vh;height:max-content;}
.title{margin: 0 auto; text-align: center;font-size: 2.1vw;font-weight: 700;padding-bottom:9.2vh;}
.hTitle{text-align: left; font-size: 0.85vw; font-weight: bold;padding-bottom:3vh;}
table{width:100%;height:30.9rem;;}
thead tr{border-top: 2px solid black;border-bottom: 2px solid black;}
tr{height: 5.7rem;}
th{font-weight: bolder;}
tbody tr{border-bottom: 1px solid #cecece;height:4.5vh;}
tbody tr:nth-child(1){font-weight: bold;}
th:nth-child(2),td:nth-child(2){width:50%;}
tbody td:nth-child(2){text-align: left;}
th,td{width:13%; font-size:1.6rem;}

#count{margin:3.7vh 0 6.85vh 0; background-color: #154B9A;color:white; border: 0; border-radius:10px;width:1.8vw;height:1.8vw;padding:0;font-size: 0.84vw;font-weight: 600;}
.inputGroup{
    width:26vw;
    margin:0 auto;
    position: relative;
}
#input-icon{height:2.1vw;width:2.1vw;background-color: #154B9A;color:white;position: absolute;}
.inputGroup button i{font-size: 1.3vw;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
select{width:6.25vw;height:2.1vw;border:1px solid #aeaeae;padding: 0;}
option{font-size:2vmin;}
input{height:2.1vw;border:1px solid #aeaeae; width:60%;} 

footer{position: relative;bottom:0%;margin-top:20vh}

.gongji{background-color:#154B9A;border-radius: 15px;width:3vw;height:1.5vw;margin: 0 auto; color:white; position: relative;}
.gongji span{position: relative; top:10%;transform: translate(0%,-50%);}
  @media all and (min-width:501px)  and (max-width:1300px) {

    body{position: relative;width:100%;height:80%;}
    .section{width:80vw;min-width:auto;margin:0 auto; text-align: center;margin-top:0vh;height:max-content;}
    .title{margin: 0 auto; text-align: center;font-size: 4rem;font-weight: 700;padding-bottom:10rem;}
    .hTitle{text-align: left; font-size:2rem; font-weight: bold;padding-bottom:3vh;}
    table{width:100%;height:30.9rem;;}
    thead tr{border-top: 2px solid black;border-bottom: 2px solid black;}
    tr{height: 5.7rem;}
    th{font-weight: bolder;}
    tbody tr{border-bottom: 1px solid #cecece;height:4.5vh;}
    tbody tr:nth-child(1){font-weight: bold;}
    th:nth-child(2),td:nth-child(2){width:50%;}
    tbody td:nth-child(2){text-align: left;}
    th,td{width:13%; font-size:2rem;}
    
  
    #count{margin:3.7vh 0 6.85vh 0; background-color: #154B9A;color:white; border: 0; border-radius:10px;width:4rem;height:4rem;padding:0;font-size:1.5rem;font-weight: 600;}
    .inputGroup{
        width:60%;
        margin:0 auto;
        position: relative;
        height:3rem;
    }
    #input-icon{height:100%;width:15%;background-color: #154B9A;color:white;}
    .inputGroup button i{font-size: 1.5rem;position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);}
    select{width:20%;height:100%;border:1px solid #aeaeae;padding: 0;}
    option{font-size:0.85vmin;text-align: center;}
    input{height:100%;border:1px solid #aeaeae; width:60%;} 
    

    .gongji{background-color:#154B9A;border-radius: 15px;width:5rem;height:4rem;margin:0 auto; color:white; position: relative;}
    .gongji span{position: relative; top:15%;transform: translate(0%,-50%);}


    footer{position: relative;bottom:0%;margin-top:20vh}
    
  }

    
  @media all and (max-width:500px) {
    body{position: relative;width:100%;height:90%;}
    .section{width:90%;min-width:auto;margin:0 auto; text-align: center;margin-top:0vh;height:max-content;}
    .title{margin: 0 auto; text-align: center;font-size: 1.6rem;font-weight: 700;padding-bottom:9.2vh;}
    .hTitle{text-align: left; font-size: 1.5rem; font-weight: bold;padding-bottom:3vh;}
    table{width:100%;height:15.9rem;;}
    thead tr{border-top: 2px solid black;border-bottom: 2px solid black;}
    tr{height: 2.7rem;}
    th{font-weight: bolder;}
    tbody tr{border-bottom: 1px solid #cecece;height:4.5vh;}
    tbody tr:nth-child(1){font-weight: bold;}
    th:nth-child(2),td:nth-child(2){width:50%;}
    tbody td:nth-child(2){text-align: left;}
    th,td{width:13%; font-size:1.4rem;padding:2px;}
    
    #count{margin:3.7vh 0 6.85vh 0; background-color: #154B9A;color:white; border: 0; border-radius:10px;width:2.2rem;height:2.2rem;padding:0;font-size:1.5rem;font-weight: 600;}
    .inputGroup{
        width:90%;
        margin:0;
        position: relative;
        height:3rem;
    }
    #input-icon{height:100%;width:15%;background-color: #154B9A;color:white;}
    .inputGroup button i{font-size: 1rem;position: absolute;top:60%;left:50%;transform: translate(-50%, -50%);}
    select{width:20%;height:100%;border:1px solid #aeaeae;padding: 0;}
    option{font-size:0.85vmin;text-align: center;}
    input{height:100%;border:1px solid #aeaeae; width:60%;} 
    
    .gongji{background-color:#154B9A;border-radius: 15px;width:3rem;height:2.3rem;margin: 0 auto; color:white; position: relative;}
    .gongji span{position: relative; top:10%;transform: translate(0%,-50%);}

    footer{position: relative;bottom:0%;margin-top:20vh}
  }