@charset "UTF-8";
#Area3 .done img,#Area3 .cover img,#Area3 .game img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#Area3 .game .timeline::-webkit-scrollbar{width:6px;height:8px;background-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.1);-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}#Area3 .game .timeline::-webkit-scrollbar-button{display:none}#Area3 .game .timeline::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px}#Area3{flex-shrink:0;background-color:#ffda7d}#Area3 .game{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}#Area3 .game img{width:100%;position:relative;z-index:1}#Area3 .game .questions{position:absolute;top:19%;left:0;right:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:24%;z-index:2}#Area3 .game .questions .item{display:inline-block;background-size:auto 100%;background-position:center center;background-repeat:no-repeat}#Area3 .game .questions .item.pointer{cursor:pointer}#Area3 .game .questions .item.a_1{width:12%;height:36%}#Area3 .game .questions .item.a_2{width:21%;height:60%}#Area3 .game .questions .item.a_3{width:29%;height:90%}#Area3 .game .questions .item.a_4{width:22%;height:63%}#Area3 .game .questions .item.a_5{width:14%;height:40%}#Area3 .game .timeline{position:absolute;bottom:12%;left:0;right:0;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:calc(40% + 20px);min-height:314px;padding-bottom:20px;z-index:2;overflow-x:scroll;overflow-y:hidden}#Area3 .game .timeline .time{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;width:200px;height:100%;overflow:hidden}#Area3 .game .timeline .time .item{display:inline-flex;flex-direction:row;align-items:flex-end;justify-content:center;width:100%;height:calc(100% - 30px);flex-grow:1;position:relative}#Area3 .game .timeline .time .item.pointer .img{cursor:pointer}#Area3 .game .timeline .time .item.enable .ans{z-index:3;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity:1}#Area3 .game .timeline .time .item .img{flex-shrink:0;display:inline-block;background-size:auto 100%;background-position:center center;background-repeat:no-repeat;position:relative;z-index:2}#Area3 .game .timeline .time .item .ans{position:absolute;z-index:1;display:inline-block;background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}#Area3 .game .timeline .time .line{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:30px;flex-shrink:0;background-size:auto 100%;background-position:0 center;background-repeat:no-repeat}#Area3 .game .timeline .time.a_1{width:230px}#Area3 .game .timeline .time.a_1 .item .img{height:65%;width:50%}#Area3 .game .timeline .time.a_1 .item .ans{aspect-ratio:1/1.68}@media screen and (max-width: 649px)and (min-width: 0){#Area3 .game .timeline .time.a_1 .item .ans{height:38%;top:36.5%;left:48.2%}}@media screen and (min-width: 650px){#Area3 .game .timeline .time.a_1 .item .ans{top:36%;left:48%;width:31%}}#Area3 .game .timeline .time.a_5{width:187px}#Area3 .game .timeline .time.a_5 .item .img{height:70%;width:70%}#Area3 .game .timeline .time.a_5 .item .ans{aspect-ratio:1/1.34}@media screen and (max-width: 649px)and (min-width: 0){#Area3 .game .timeline .time.a_5 .item .ans{height:51%;top:29.5%;left:50%}}@media screen and (min-width: 650px){#Area3 .game .timeline .time.a_5 .item .ans{width:63%;top:30%;left:50%}}#Area3 .game .timeline .time.a_5 .line{background-position:-230px center}#Area3 .game .timeline .time.a_4{width:187px}#Area3 .game .timeline .time.a_4 .item .img{height:80%;width:100%}#Area3 .game .timeline .time.a_4 .item .ans{aspect-ratio:1/1.4}@media screen and (max-width: 649px)and (min-width: 0){#Area3 .game .timeline .time.a_4 .item .ans{height:68.2%;top:19.3%;left:50%}}@media screen and (min-width: 650px){#Area3 .game .timeline .time.a_4 .item .ans{width:81%;top:19%;left:50%}}#Area3 .game .timeline .time.a_4 .line{background-position:-417px center}#Area3 .game .timeline .time.a_3{width:187px}#Area3 .game .timeline .time.a_3 .item .img{height:95%;width:100%}#Area3 .game .timeline .time.a_3 .item .ans{aspect-ratio:1/2.01}@media screen and (max-width: 649px)and (min-width: 0){#Area3 .game .timeline .time.a_3 .item .ans{height:97.5%;top:4.5%;left:50%}}@media screen and (min-width: 650px){#Area3 .game .timeline .time.a_3 .item .ans{top:5%;left:50%;width:79%}}#Area3 .game .timeline .time.a_3 .line{background-position:-604px center}#Area3 .game .timeline .time.a_2{width:211px}#Area3 .game .timeline .time.a_2 .item .img{height:70%;width:70%}#Area3 .game .timeline .time.a_2 .item .ans{aspect-ratio:1/1.54}@media screen and (max-width: 649px)and (min-width: 0){#Area3 .game .timeline .time.a_2 .item .ans{height:69.5%;top:31%;left:50%}}@media screen and (min-width: 650px){#Area3 .game .timeline .time.a_2 .item .ans{top:31%;left:50%;width:66%}}#Area3 .game .timeline .time.a_2 .line{background-position:-791px center}#Area3 .cover{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}#Area3 .cover img{width:100%;position:relative;z-index:1}#Area3 .cover label{display:inline-block;position:absolute;z-index:2;left:13%;top:40%;width:30%;height:7.5%;cursor:pointer}#Area3 .done{position:relative;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}#Area3 .done img{width:100%;position:relative;z-index:1}#Area3 .done label{display:inline-block;position:absolute;z-index:2;left:40.5%;top:71.5%;width:49%;height:9.3%;cursor:pointer}