.personal .container[data-v-b3b34bae]{max-width:1200px;padding:0 20px;margin:auto}.personal .container h1[data-v-b3b34bae]{display:flex;justify-content:flex-start;border-bottom:2px solid #000;padding-bottom:10px;margin-top:20px;margin-bottom:30px;font-size:1.8rem}.personal .container .performance p[data-v-b3b34bae]{max-width:500px;margin:auto}.personal .container .performance table[data-v-b3b34bae]{width:100%;max-width:500px;margin:auto;text-align:center}.personal .container .performance td[data-v-b3b34bae]{padding:10px}.personal .container .performance table[data-v-b3b34bae],.personal .container .performance td[data-v-b3b34bae],.personal .container .performance th[data-v-b3b34bae]{border:1px solid #777;border-collapse:collapse}.personal .container .result-area[data-v-b3b34bae]{display:flex;justify-content:flex-start;flex-wrap:wrap;height:100%;max-height:85px;overflow:auto;margin-bottom:20px}.personal .container .result-area .group-btn[data-v-b3b34bae]{display:flex;justify-content:space-around;align-items:center;border:1px solid #add8e6;width:14%;padding:5px;margin:0 10px;margin-bottom:5px}.personal .container .result-area .group-btn .number[data-v-b3b34bae]{width:10px;margin-right:auto}.personal .container .result-area .group-btn .result[data-v-b3b34bae]{margin-right:auto}.personal .container .result-area .group-btn .result span i[data-v-b3b34bae]{font-size:20px}.personal .container .result-area .group-btn[data-v-b3b34bae]:hover{cursor:pointer;background-color:rgba(173,216,230,.5)}.personal .container .result-area .active[data-v-b3b34bae]{background-color:rgba(173,216,230,.5)}.personal .container .detail-area[data-v-b3b34bae]{margin-bottom:20px}.personal .container .detail-area .detail[data-v-b3b34bae]{border:1px solid #add8e6;padding:20px;max-width:300px;margin:auto}.personal .container .detail-area .detail audio[data-v-b3b34bae],.personal .container .detail-area .detail img[data-v-b3b34bae]{width:100%}.personal .container .detail-area .detail table[data-v-b3b34bae]{width:100%;margin-top:20px;text-align:left}.personal .container .detail-area .detail td[data-v-b3b34bae]{padding:10px}.personal .container .detail-area .detail table[data-v-b3b34bae],.personal .container .detail-area .detail td[data-v-b3b34bae]{border:1px solid #000;border-collapse:collapse}.personal .container .no-answer[data-v-b3b34bae]{color:grey;font-weight:900}.personal .container .correct[data-v-b3b34bae]{color:green;font-weight:900}.personal .container .incorrect[data-v-b3b34bae]{color:red;font-weight:900}.personal .container .fade-enter-active[data-v-b3b34bae],.personal .container .fade-leave-active[data-v-b3b34bae]{transition:opacity 1s}.personal .container .fade-enter[data-v-b3b34bae],.personal .container .fade-leave-to[data-v-b3b34bae]{transition:opacity .2s;opacity:0}@media screen and (min-width:700px){.personal .container .style-content h1[data-v-b3b34bae]{margin-bottom:20px}.personal .container .style-content .result-area[data-v-b3b34bae]{float:left;display:block;height:637px;max-height:100%;overflow:auto}.personal .container .style-content .result-area .group-btn[data-v-b3b34bae]{margin-top:5px;width:150px}}