.header {
    background: #3d3e49;
}

.top-bar {
    width: 100%;
    height: 6.09vw;
    background: #00a971;
    display: flex;
    float: left;
    flex-flow: row;
    align-items: center;
    justify-content: center;
}

.top-bar .title {
    text-transform: Uppercase;
    display: flex;
    float: left;
    flex-flow: column;
}

.top-bar .title .title1 {
    font-size: 1.04vw;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
    letter-spacing: 0.06vw;
    line-height: 1.64vw;
}

.top-bar .title .title2 {
    font-size: 1.67vw;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: left;
    color: #ffffff;
}

.top-bar input {
    width: 34.27vw;
    height: 2.6vw;
    opacity: 0.86;
    background: #ffffff;
    margin-left: 2.55vw;
    font-size: 0.83vw;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: left;
    color: #999999;
    line-height: 3.23vw;
    letter-spacing: 0.05vw;
    box-sizing: border-box;
    border-width: 0;
}

.top-bar .search-button {
    width: 9.58vw;
    height: 2.6vw;
    display: flex;
    float: left;
    flex-flow: row;
    align-items: center;
    justify-content: center;
    font-size: 0.94vw;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    line-height: 4.58vw;
    background: #252b41
}
.top-bar .search-button img{
    width: 0.99vw;
    height: 1.04vw;
    margin-right: 0.47vw;
}
.layer{
    /*width: 100%;*/
    height:110%;
    margin-left: 10vw;
    margin-right: 10vw;
    display: flex;
    float: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.select .col{
    /*height: 2.6vw;*/

    display: flex;
    float: left;
    flex-flow: row;

}


.select .title{
    margin-top: 0.23vw;
    margin-bottom: 0.23vw;
    background: url(/img/rectangle.png) no-repeat;
    background-size: 100% 100%;
    width: 10.42vw;
    height: 2.5vw;
    line-height: 2.5vw;
    border-radius: 1.41vw 0vw 1.41vw 0vw;
    display: table-cell;
    font-size: 1.04vw;
    font-family: Arial, Arial-Bold;
    font-weight: 700;
    text-align: center;
    color: #ffffff;
    /*line-height: 3.23vw;*/
}
.select .item-title{
    margin-top: 0.23vw;
    margin-bottom: 0.23vw;
    padding-right: 0.83vw;
    border-right: 0.83vw;
    width: 9.59vw;
    height: 2.5vw;
    font-size: 0.94vw;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: right;
    color: #333333;
    line-height: 2.5vw;
}
.select .items{

    /*width: 100%;*/
    max-width: 65.98vw;
    margin-left: 1.68vw;
    display: flex;
    float: left;
    flex-flow: row;
    flex-wrap: wrap;

}
.select .item{
    margin-top: 0.23vw;
    margin-bottom: 0.23vw;
    margin-left: 0.82vw;
    height: 2.6vw;
    font-size: 0.94vw;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: center;
    color: #666666;
    line-height: 2.6vw;
    border: 0.05vw solid #999999;
    border-radius: 0.31vw;
    padding-left: 0.77vw ;
    padding-right: 0.77vw ;
    display:inline;
    white-space: nowrap;
}
.select .item-selected{
    background: #00a971;
    color:#fff
}
.select .types{
    width: 78.13vw;
    /*height: 15.85vw;*/
    border-bottom-width: 0.05vw;
    border-bottom-style: solid;
    border-bottom-color: #dbdbdb;
    display: flex;
    float: left;
    flex-flow: column;
    padding-top: 0.73vw;
    padding-bottom: 0.73vw;
}
.table{
    border: 0.16vw solid #9aa7b8;
    margin-bottom: 7.39vw;
}
table{
    width: 78.14vw;
    border-collapse: collapse;
    font-size: 0.94vw;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-align: center;
    color: #ffffff;


}

table caption{
    font-size: 2em;
    font-weight: bold;
    margin: 1em 0;
}
table img{
    width: 3.13vw;
    height: 3.13vw;
}
thead{
    height: 2.55vw;
}
thead th a{
    /*background-color: white;*/
    /*color: black;*/
    width: 2vw;
    font-size: 1vw;
}
thead th a:hover{
    color: #DFF5EE;
}
th{
    border: 0.2vw solid #fff;
    text-align: center;
    /*padding: 20vw 0;*/
}
td{
    height: 3.13vw;
    color: #000;
}
td:last-child{
    font-size: 0.94vw;
    font-family: Arial, Arial-Regular;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    color: #00a971;
}
table thead tr{
    background-color: #9aa7b8;
    color: #fff;
}

table tbody tr:nth-child(odd){
    background-color: #f0f1f3;
}

table tbody tr:hover{
    background-color: #ccc;
}



table tfoot tr td{
    text-align: right;
    padding-right: 20vw;
}