.container-result{
  background-color: #fff;
  border-radius: 30px;
  margin: 0 auto;
  padding-top: 0;  
  height: 100%;
}
.container-result .result-table{
  background-repeat: no-repeat;
  font-weight: bold;
  text-align: left;
  margin-top: 30px;
}
.quest-top-end .result-table-row {
  width: 100%;
}
.quest-top-end .result-table-row > *{
  display: inline-block;
  margin: 0;
  text-align: right;
  width: 14.3%;
}
.quest-top-end .result-table-row > div:first-child{
  width: 20%;
}
.quest-top-end .result-table-row > div:last-child{
  font-size: 1.2em;
  width: 18%;
}
.quest-top-end .result-table-row.row-4 > div:last-child{
  width: 22.4%;
}

@media (min-width:1600px){
  .container-result{
    width: 1600px;
  }
  .container-result .result-table{
    background-image: url(result_0.png);
    width: 1440px;
    height: 1070px
  }
  .container-result .result-table{
    font-size: 1.7em;
  }
  .quest-top-end .result-table-row.row-1{
    padding-top: 12.3%;
  }
  .quest-top-end .result-table-row.row-2{
    padding-top: 8.6%;
  }
  .quest-top-end .result-table-row.row-3{
    padding-top: 12%;
  }
  .quest-top-end .result-table-row.row-4{
    padding-top: 12.7%;
  }
}
@media (max-width:1600px) and (min-width: 1280px){
  .container-result{
    width: 1280px;
  }
  .container-result .result-table{
    background-image: url(result_1.png);
    width: 1152px;
    height: 855px
  }
  .container-result .result-table{
    font-size: 1.25em;
  }
  .quest-top-end .result-table-row.row-1{
    padding-top: 12.6%;
  }
  .quest-top-end .result-table-row.row-2{
    padding-top: 9.1%;
  }
  .quest-top-end .result-table-row.row-3{
    padding-top: 12.4%;
  }
  .quest-top-end .result-table-row.row-4{
    padding-top: 13.1%;
  }
}
@media (max-width:1279px) and (min-width: 960px){
  .quest-item .quest-top-end {
    width: 98%;
  }
  .container-result{
    width: 960px;
  }
  .container-result .result-table{
    background-image: url(result_2.png);
    width: 940px;
    height: 695px
  }
  .container-result .result-table{
    font-size: 1em;
  }
  .quest-top-end .result-table-row.row-1{
    padding-top: 12.8%;
  }
  .quest-top-end .result-table-row.row-2{
    padding-top: 9.2%;
  }
  .quest-top-end .result-table-row.row-3{
    padding-top: 12.5%;
  }
  .quest-top-end .result-table-row.row-4{
    padding-top: 13.3%;
  }
}


.result-small-table{
  display: none;
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
.result-small-table th,
.result-small-table td,
.result-small-table .hidden-small{
  font-size: 16px;
  font-weight: normal;
}
.result-small-table th,
.result-small-table td{
  width: 20% !important;
  border: 1px solid #D5D5D5;
}
.result-small-table tr > th:first-child{
  text-align: right;
}
.result-small-table tr:last-child th,
.result-small-table tr:last-child td,
.result-small-table tr td:last-child{
  font-weight: bold;
  padding: 10px 0;
}
.result-small-table tr > th:first-child:not(:empty){
  padding: 10px 10px 10px 0;
}
@media (max-width:320px){
  .result-small-table th,
  .result-small-table td{
    font-size: 15px;
  }
  .result-small-table tr > th:first-child:not(:empty){
    padding: 5px 5px 5px 0;
  }
}
@media (max-width:960px){
  .result-table{
    display: none;
  }
  .result-small-table{
    display: table;
  }
}