body{margin:0;padding:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;-webkit-text-size-adjust:none}.header{position:relative;background-color:#fddc24}.header img{display:block;width:100%;height:auto}.assess{display:inline-block;width:100%;background-color:#ffc300}.assess .title{margin:50px auto 0;width:200px}.assess .title img{width:100%}.assess .content{display:inline-block;padding:25px 15px 45px;font-size:15px;text-align:center;color:#483939}.result>*{padding:45px 15px 0}.result .jumbotron{border:1px solid rgba(0,0,0,.8);border-radius:5px}.result .jumbotron .award-detail{display:-webkit-box;display:flex;display:-webkit-flex;height:145px}.result .jumbotron .award-detail .icon{position:relative;display:block;width:40%;z-index:0}.result .jumbotron .award-detail .icon img:first-child{position:absolute;top:-20px;left:-10px;width:150px}.result .jumbotron .award-detail .icon img:last-child{position:absolute;top:-6px;left:25px;width:80px}@media screen and (max-width:359px){.result .jumbotron .award-detail .icon{width:45%}.result .jumbotron .award-detail .icon img:first-child{left:-15px}.result .jumbotron .award-detail .icon img:last-child{left:16px}}.result .jumbotron .award-detail .content{display:block;width:66%;z-index:1}.result .jumbotron .award-detail .content span{display:block;color:#483939}.result .jumbotron .award-detail .content span:first-child{padding-top:15px;font-size:14px;font-weight:700}.result .jumbotron .award-detail .content span:nth-child(2){font-size:13px}.result .jumbotron .award-detail .content span:nth-child(3),.result .jumbotron .award-detail .content span:nth-child(4){font-size:14px;font-weight:700;color:#ff4f4f}.result .jumbotron .award-detail .content span:nth-child(3){margin-top:10px}.result .jumbotron .award-detail .content span:last-child{margin-top:10px;font-size:9px;font-weight:400;color:#483939}.result .jumbotron .award-image img{display:block;width:100%;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.result .spike .center-flex{display:-webkit-box;display:flex;display:-webkit-flex;width:215px;margin:0 auto}.result .spike .center-flex>img{display:block;padding-top:20px;padding-bottom:20px;height:70px}.result .spike .center-flex>img:first-of-type{padding-right:10px}.result .spike .center-flex>img:last-of-type{padding-left:10px}.result .spike .center-flex .award-name{display:block;margin-top:12px;text-align:center}.result .spike .center-flex .award-name img{height:26px}@media screen and (max-width:359px){.result .spike .center-flex .award-name img{height:20px}}.result .spike .center-flex .award-name span{display:block;text-align:center;color:#483939;font-size:12px}.result .spike .center-flex .award-name span:first-of-type{margin-top:10px;font-size:18px;font-weight:700}.result .spike .center-flex .award-name span:last-of-type{margin-top:5px;font-size:10px;white-space:nowrap}.result .next .spike .center-flex{width:330px}@media screen and (max-width:359px){.result .next .spike .center-flex{width:256px}}.result .content .content-card>img{margin-top:25px;width:100%;border-radius:5px;border:1px solid #483939}.result .content .content-card span{display:block;color:#483939}.result .content .content-card span:first-child{font-size:14px;margin-top:30px;font-weight:700}.result .content .content-card span:last-child{margin-top:5px;font-size:12px}.result .content .content-card span.title{margin-top:50px;font-size:17px;font-weight:700;text-align:center}.result .content .content-card span.title+span{text-align:center}.result .content .content-card.center{padding-top:30px;text-align:center}.result .content .content-card.center a.title-link{font-size:17px;font-weight:700;color:#483939;text-decoration:underline}.result .content .content-card.center+.center{padding-top:20px}.result .content .content-card.center+.center:last-child{padding-bottom:50px}.result .content .btn{margin:0 auto;padding:25px 0 45px;width:160px}.result .content .btn>img{width:100%}.result .content .btn a{display:inline-block}.result .content .btn a img{width:100%}.result .content+.content .content-card:first-child span:first-child{margin-top:0}.result .content+.spike{margin-top:100px}.result .champion{background-color:#ffdf2b}.result .champion .jumbotron{background-color:#fff4b6}.result .champion .jumbotron .award-detail{height:180px}@media screen and (max-width:359px){.result .champion .jumbotron .award-detail{height:200px}}.result .gold,.result .story{background-color:#ffec84}.result .gold .jumbotron,.result .silver,.result .story .jumbotron{background-color:#fffdc3}.result .silver .jumbotron{background-color:#fff}.result .silver .jumbotron .award-detail{height:130px}@media screen and (max-width:359px){.result .silver:nth-child(4) .jumbotron .award-detail{height:150px}}@media screen and (min-width:359px) and (max-width:375px){.result .silver:nth-child(4) .jumbotron .award-detail .content span:first-child{font-size:13px}}.result .consolation{background-color:#ffd122}.result .next{background-color:#fffdc3}.result .next .content .content-card.center{padding-top:20px}.result .next .content .content-card.center .next-content{font-size:14px;font-weight:400;color:#483939}.result .next .content .content-card.center .btn{margin:0 auto;padding:25px 0 0;width:230px}.result .next .content .content-card.center .btn a img{padding:0;width:100%}.result .next .content .content-card.center .add-friend{position:relative}.result .next .content .content-card.center .add-friend .detail{position:absolute;top:calc(50% - 120px);width:300px;margin:0 auto;padding-left:calc(50% - 150px)}.result .next .content .content-card.center .add-friend .detail a{display:inline-block;padding:20px 0 0}.result .next .content .content-card.center .add-friend .detail a img{width:50px;padding:0}.result .next .content .content-card.center .add-friend .detail span{font-size:13px;color:#ae6d19}.result .next .content .content-card.center .add-friend .detail span:first-child{font-weight:700;margin-top:70px}@media screen and (max-width:359px){.result .next .content .content-card.center .add-friend .detail{width:280px}.result .next .content .content-card.center .add-friend .detail span{font-size:12px}}.result .next .content img{padding:25px 0;width:100%}