.main-container { width: 900px; top: -40px; height: 950px; position: relative; margin-left: -20px;}
.main-container .main-wrapper { position: relative; width: 100%; height: 100%; background: url("../img/wireframe_middle.png") no-repeat center; background-size: 900px 930px;}

.main-container .timer { position: absolute; top: 100px; left: 60px;}
.main-container .map-wrapper { display: block; position: absolute; width: 800px; top: 100px; margin-left: 60px;}
.main-container .lines-wrapper { position: absolute; width: 800px; top: 70px; left: 80px; pointer-events: none;}
.main-container .title { background: url("../img/title_center.png") no-repeat center; position: absolute; width: 800px; bottom: 50px; left: 50px; height: 50px; color: white; text-align: center;}
.main-container .title span { font-size: 36px; line-height: 50px;}
.main-container .rank-list { background: url("../img/wireframe_rank.png") no-repeat center; width: 200px; height: 330px; position: absolute; bottom: 120px; left: 50px;}
.main-container .rank-title { color: white; font-size: 20px; position: relative;}
.main-container .rank-title-city { position: absolute; left: 60px; top: 10px; pointer-events: none;}
.main-container .rank-title-sample { position: absolute; left: 130px; top: 10px;}
.main-container .rank-ul { margin-top: 40px;}
.main-container ul { list-style: none;}
.main-container .li-item { display: flex; height: 36px; align-items: center;}
.main-container .item-city { width: 80px; color: #22cea6; text-align: center;}
.main-container .item-sample { color: white; text-align: center; width: 60px;}
.main-container .location-container { height: 100px; width: 200px; position: absolute; right: 50px; top: 100px; background: url("../img/wireframe_current_location.png") no-repeat center; background-size: 200px;}
.main-container .location-title { color: #007ffc; position: absolute; right: 70px; top: 5px;}
.main-container .location-current { width: 160px; color: white; position: absolute; text-align: center; top: 50px; left: 20px;}
.main-container .block-box-container { position: absolute; bottom: 80px; right: 30px; width: 300px; height: 250px; background: url("../img/wireframe_current_location.png") no-repeat center; background-size: 300px 200px;}
.main-container .block-box-title { color: #007ffc; position: absolute; right: 108px; top: 28px; font-size: 20px;}
.main-container .block-box-wrapper { display: flex; width: 300px; flex-wrap: wrap; color: #22cea6; position: absolute; top: 80px; left: 30px;}
.main-container .block-box-wrapper p { width: 60px; line-height: 0; margin: 12px; cursor: pointer;}
.main-container .go_last{ display: none; margin-left:710px; text-align: center; line-height: 35px; font-size: 12px; position: relative; top: 200px; color: rgba(0, 0, 0, 0.65); background-image: linear-gradient(-225deg, #00d3f1 0, #12b3ff 100%); border: none; border-radius: 0; padding: 0 30px; font-weight: normal
}