HOME | DD

Description
body div#devskin13913946 .clear:after { content:''; display:table; clear:both; } body div#devskin13913946 p, body div#devskin13913946 .u-list ul, body div#devskin13913946 .u-list li { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.7; } body div#devskin13913946 b, body div#devskin13913946 strong { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.7; } body div#devskin13913946 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:29px; line-height:1.18; } body div#devskin13913946 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.18; } body div#devskin13913946 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:18px; line-height:1.18; } @media only screen and (min-width: 600px) { body div#devskin13913946 p, body div#devskin13913946 .u-list ul, body div#devskin13913946 .u-list li { font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.7; } } @media only screen and (min-width: 600px) { body div#devskin13913946 b, body div#devskin13913946 strong { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:13px; line-height:1.7; } } @media only screen and (min-width: 600px) { body div#devskin13913946 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:30px; line-height:1.18; } } @media only screen and (min-width: 600px) { body div#devskin13913946 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:22px; line-height:1.18; } } @media only screen and (min-width: 600px) { body div#devskin13913946 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:20px; line-height:1.18; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 p, body div#devskin13913946 .u-list ul, body div#devskin13913946 .u-list li { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.7; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 b, body div#devskin13913946 strong { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.7; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:32px; line-height:1.18; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1.18; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:22px; line-height:1.18; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 p, body div#devskin13913946 .u-list ul, body div#devskin13913946 .u-list li { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:15px; line-height:1.7; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 b, body div#devskin13913946 strong { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:15px; line-height:1.7; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 h1 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:36px; line-height:1.18; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 h2 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:26px; line-height:1.18; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 h3 { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1.18; } } body div#devskin13913946 { margin:0; } body div#devskin13913946 span.ogpreview { display:none; } body div#devskin13913946 div.gr-box { margin:0 !important; padding:0 !important; border:none !important; background:none !important; } body div#devskin13913946 i.gr1, body div#devskin13913946 i.gr1 i, body div#devskin13913946 i.gr2, body div#devskin13913946 i.gr2 i, body div#devskin13913946 i.gr3, body div#devskin13913946 .gr-top { display:none !important; } body div#devskin13913946 .gr-body { position:static; background:transparent; border:0 !important; overflow:visible; } body div#devskin13913946 .gr-body .grf-indent { margin:auto; padding:0; background:transparent; text-align:center; } body div#devskin13913946 .gr-body .gr { border:0 !important; position:static; background:none; } body div#devskin13913946 .gr-box .text { padding:0 !important; position:relative; text-align:left; background-color:black; } body div#devskin13913946 .gr-box .text br { display:none; } body div#devskin13913946 .gr-box .list { width:0; height:0; clear:both; visibility:hidden; } body div#devskin13913946 .columns { margin:0 auto; padding:0 30px; max-width:500px; text-align:left; } body div#devskin13913946 .columns.text-center { text-align:center; } body div#devskin13913946 .columns.paddBottomMobile { padding-bottom:30px; } body div#devskin13913946 .row.paddTop { padding-top:30px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .row { font-size:0; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .row.divider, body div#devskin13913946 .wrap-up .row.wrap-up-divider { border-top:1px #9a9a9a solid; padding:30px 0px 30px 0px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .row.paddBottom { padding-bottom:45px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .row.paddTop, body div#devskin13913946 .row.paddTopDesktop { padding-top:45px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.paddBottomMobile { padding-bottom:0; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.noPadd { padding:0; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns { font-size:14px; line-height:1.7; max-width:100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .wrap { margin:0 auto; padding:0px 30px 0px 30px; max-width:1280px; text-align:center; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .wrap:after, body div#devskin13913946 .row:after { content:''; display:table; clear:both; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns { display:inline-block; min-height:30px; vertical-align:top; width:8.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.one { width:8.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.two { width:16.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.three { width:24.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.four { width:33.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.five { width:41.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.six { width:49.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.seven { width:58.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.eight { width:66.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.nine { width:74.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.ten { width:83.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.eleven { width:91.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.twelve, body div#devskin13913946 .columns.full { width:100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-one { margin-left:8.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-two { margin-left:16.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-three { margin-left:24.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-four { margin-left:33.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-five { margin-left:41.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-six { margin-left:49.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-seven { margin-left:58.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-eight { margin-left:66.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-one-right { margin-right:8.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-two-right { margin-right:16.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-three-right { margin-right:24.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-four-right { margin-right:33.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-five-right { margin-right:41.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-six-right { margin-right:49.75%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-seven-right { margin-right:58.0833333333%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .columns.offset-eight-right { margin-right:66.4166666667%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .wrap { padding:0px 60px 0px 60px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .wrap { padding:0px 90px 0px 90px; } } body div#devskin13913946 .ogplease { display:none; } body div#devskin13913946 *, body div#devskin13913946 *:before, body div#devskin13913946 *:after { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } body div#devskin13913946 { background-color:#000; } body div#devskin13913946 .arknights { margin:0 auto; padding:0; max-width:1280px; position:relative; font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:300; font-size:14px; line-height:1.7; color:#f2f2f2; text-align:center; background-color:#0b0b0b; } body div#devskin13913946 .arknights b, body div#devskin13913946 .arknights strong { color:inherit; letter-spacing:0; } body div#devskin13913946 .arknights.rules-page { max-width:1080px; } body div#devskin13913946 em, body div#devskin13913946 i { font-style:italic; } body div#devskin13913946 p { margin:0 0 18px; padding:0; } body div#devskin13913946 p:last-child { margin:0; } body div#devskin13913946 p .line-break { display:block; } body div#devskin13913946 p a { color:#00e59b; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; text-decoration:underline !important; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } body div#devskin13913946 p a:hover { color:#0090ff; } body div#devskin13913946 a._link { padding-left:1.1ch; position:relative; display:inline-block; } body div#devskin13913946 a._link:before { position:absolute; top:0; left:0; } body div#devskin13913946 a.tag._link:before { content:'#'; } body div#devskin13913946 a.at._link:before { content:'@'; } body div#devskin13913946 .section { width:100%; display:inline-block; position:relative; vertical-align:bottom; } body div#devskin13913946 h1, body div#devskin13913946 h2, body div#devskin13913946 h3 { margin:0; padding:0; letter-spacing:0; color:#f2f2f2; } body div#devskin13913946 h1 a, body div#devskin13913946 h2 a, body div#devskin13913946 h3 a { text-decoration:none; } body div#devskin13913946 h1 { text-transform:uppercase; margin-bottom:24px; } body div#devskin13913946 h2 { margin-bottom:9px; } body div#devskin13913946 h3 { margin-bottom:6px; } body div#devskin13913946 .u-list ul { margin:0 0 10px 15px; padding:0; list-style:square; color:#06f286; } body div#devskin13913946 .u-list ul li { margin:0; padding:0 0 12px 8px; } body div#devskin13913946 .u-list ul li:before { background-image:none; } body div#devskin13913946 .u-list ul li span { color:#fff; } body div#devskin13913946 .u-list ul li a { color:#fff; font-weight:bold; text-decoration:underline !important; } body div#devskin13913946 .u-list ul li a:hover { color:#4cddbd; } body div#devskin13913946 .u-list.numbers ul { list-style:none; margin-left:0; color:#f2f2f2; } body div#devskin13913946 .u-list.numbers ul li { position:relative; padding:0 0 12px 23px; } body div#devskin13913946 .u-list.numbers ul li:before { color:#06f286; top:0; left:0; position:absolute; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } body div#devskin13913946 .u-list.numbers ul li:nth-of-type(1):before { content:'1.'; } body div#devskin13913946 .u-list.numbers ul li:nth-of-type(2):before { content:'2.'; } body div#devskin13913946 .u-list.numbers ul li:nth-of-type(3):before { content:'3.'; } body div#devskin13913946 .columns.faq-section { padding-bottom:1600px; } body div#devskin13913946 .faq-section .faq-item { padding:20px 0 30px; } body div#devskin13913946 .faq-section .faq-item h2 a { color:#fff; font-weight:400 !important; } body div#devskin13913946 .faq-section .faq-item.active h2 a { color:#0090ff; } body div#devskin13913946 .section.rules .faq-section p { font-size:18px; line-height:28px; max-width:80ch; } body div#devskin13913946 .section.rules .faq-section p.subtitle { display:inline-block; float:right; font-size:12px; transform:translate(0, 4px); -moz-transform:translate(0, 4px); -webkit-transform:translate(0, 4px); -ms-transform:translate(0, 4px); -o-transform:translate(0, 4px); } body div#devskin13913946 .rules-page .header { padding:30px 0px 30px 0px; margin-bottom:60px; } body div#devskin13913946 .rules-page .header .title-treatment { transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); position:relative; top:auto; left:auto; width:50%; max-width:400px; margin:0 auto; } body div#devskin13913946 .section.rules { padding:60px 0px 90px 0px; color:#e0e0e0; } body div#devskin13913946 .section.rules h1 { font-family:'Calibre-Semibold','CalibreSemibold',Arial,Helvetica,sans-serif; font-weight:400; font-size:30pxpx; line-height:1.2; margin-bottom:0; padding-bottom:0; } body div#devskin13913946 .section.rules h3 { padding-bottom:30px; } body div#devskin13913946 .section.rules ul, body div#devskin13913946 .section.rules ol { margin:0 0 0 15px; padding:0; } body div#devskin13913946 .section.rules p.important { margin-bottom:0; padding-bottom:0; } body div#devskin13913946 .section.rules .button-center { text-align:center; } body div#devskin13913946 .section.rules .u-list ul, body div#devskin13913946 .section.rules .u-list ol { list-style:none; margin:0 0 0 15px; padding:0; } body div#devskin13913946 .section.rules .u-list ul li, body div#devskin13913946 .section.rules .u-list ol li { margin:0; padding:0px 0px 30px 30px; position:relative; } body div#devskin13913946 .section.rules .u-list ul li:before, body div#devskin13913946 .section.rules .u-list ol li:before { content:''; color:#fff; font-weight:bold; top:8px; left:0; position:absolute; width:4px; height:4px; background-color:transparent; } body div#devskin13913946 .section.rules .u-list.numbers { padding-top:30px; } body div#devskin13913946 .section.rules .content-block { padding-bottom:12px; } body div#devskin13913946 .section.rules .u-list.numbers ul { list-style:none; margin-left:0; } body div#devskin13913946 .section.rules .u-list.numbers ul li { position:relative; } body div#devskin13913946 .section.rules .u-list.numbers ul li:before { color:#fff; top:0; left:0; position:absolute; width:auto; height:auto; background-color:transparent; } body div#devskin13913946 .section.rules .u-list.numbers ul li li, body div#devskin13913946 .section.rules .u-list.numbers ul li li:before { color:#fff; } body div#devskin13913946 .section.rules .u-list.numbers ul li li span { display:block; } body div#devskin13913946 .section.rules .u-list.numbers ul li li span, body div#devskin13913946 .section.rules .u-list.numbers ul li li p { color:#e0e0e0; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(1):before { content:'1.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(2):before { content:'2.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(3):before { content:'3.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(4):before { content:'4.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(5):before { content:'5.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(6):before { content:'6.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(7):before { content:'7.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(8):before { content:'8.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(9):before { content:'9.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(10):before { content:'10.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(11):before { content:'11.'; } body div#devskin13913946 .section.rules .u-list.numbers ul li:nth-of-type(12):before { content:'12.'; } body div#devskin13913946 .section.rules .o-list ol, body div#devskin13913946 .section.rules .u-list.numbers ul .o-list ol { margin:0 0 0 15px; list-style-type:lower-alpha; } body div#devskin13913946 .section.rules .o-list ol ol, body div#devskin13913946 .section.rules .u-list.numbers ul .o-list ol ol { list-style-type:lower-roman; } body div#devskin13913946 .section.rules .o-list ol li, body div#devskin13913946 .section.rules .u-list.numbers ul .o-list ol li { padding:0px 0px 9px 7.5px; } body div#devskin13913946 .section.rules .o-list ol li p, body div#devskin13913946 .section.rules .u-list.numbers ul .o-list ol li p { color:#e0e0e0; } body div#devskin13913946 .section.rules .o-list ol li:before, body div#devskin13913946 .section.rules .u-list.numbers ul .o-list ol li:before { content:''; background:none; color:#fff; } body div#devskin13913946 .section.rules .u-list .u-list.numbers { padding:0 0 20px; } body div#devskin13913946 .section.rules .u-list .u-list ul li, body div#devskin13913946 .section.rules .u-list .u-list ol li { padding-bottom:0; } body div#devskin13913946 .section.rules .o-list.special { padding-top:6px; margin-left:33px; } body div#devskin13913946 .section.rules .o-list.special ol li { padding-bottom:0 !important; } body div#devskin13913946 .section.rules ul, body div#devskin13913946 .section.rules ol, body div#devskin13913946 .section.rules .columns p { line-height:1.3; } body div#devskin13913946 .section.rules p:not(:last-of-type) { margin-bottom:1rem; } body div#devskin13913946 .section.rules b { font-weight:600; } body div#devskin13913946 .section.rules .rules-subtitle { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; color:#fff; padding:0 0 12px; display:inline-block; } body div#devskin13913946 .section.rules .button { margin:22px 0 0; } body div#devskin13913946 .section.rules .notice-list { padding:0 0 12px; } body div#devskin13913946 .tab-container { position:relative; overflow:hidden; font-size:0; text-align:left; } body div#devskin13913946 .tab-container input { display:none; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container { top:auto; transform:none; -moz-transform:none; -webkit-transform:none; -ms-transform:none; -o-transform:none; height:auto; background:transparent; } } body div#devskin13913946 .tab-container input { display:none; } body div#devskin13913946 .tab-container .tab-content { text-align:center; display:block; position:relative; height:300px; width:100%; overflow:hidden; } body div#devskin13913946 .tab-container .tab-content img.tab-img { width:auto; height:60%; transform:translate(0, 20%); -moz-transform:translate(0, 20%); -webkit-transform:translate(0, 20%); -ms-transform:translate(0, 20%); -o-transform:translate(0, 20%); margin:30px auto 0; } body div#devskin13913946 .tab-container .tab-content>div { position:absolute; width:100%; height:300px; transition:all 0.6s ease-out .2s; -moz-transition:all 0.6s ease-out .2s; -webkit-transition:all 0.6s ease-out .2s; -ms-transition:all 0.6s ease-out .2s; -o-transition:all 0.6s ease-out .2s; } body div#devskin13913946 .tab-container .tab-content .tab-one { left:0; } body div#devskin13913946 .tab-container .tab-content .tab-two { left:100%; } body div#devskin13913946 .tab-container .tab-content .tab-three { left:200%; } body div#devskin13913946 .tab-container .tab-content .tab-four { left:300%; } body div#devskin13913946 .tab-container .tab-content .tab-five { left:400%; } body div#devskin13913946 .tab-container input:nth-of-type(1):checked~.tab-content .tab-one { left:0; } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.tab-content .tab-one { left:-100%; } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.tab-content .tab-two { left:0%; } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.tab-content .tab-three { left:100%; } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.tab-content .tab-four { left:200%; } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.tab-content .tab-five { left:300%; } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.tab-content .tab-one { left:-200%; } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.tab-content .tab-two { left:-100%; } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.tab-content .tab-three { left:0%; } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.tab-content .tab-four { left:100%; } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.tab-content .tab-five { left:200%; } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.tab-content .tab-one { left:-300%; } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.tab-content .tab-two { left:-200%; } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.tab-content .tab-three { left:-100%; } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.tab-content .tab-four { left:0%; } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.tab-content .tab-five { left:100%; } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.tab-content .tab-one { left:-400%; } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.tab-content .tab-two { left:-300%; } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.tab-content .tab-three { left:-200%; } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.tab-content .tab-four { left:-100%; } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.tab-content .tab-five { left:0%; } body div#devskin13913946 .tab-container input.bullet+label { position:absolute; text-align:center; display:inline-block; width:10px; height:10px; bottom:0; margin:0 auto; padding:0 .5rem 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; z-index:9; } body div#devskin13913946 .tab-container input.bullet+label:before { content:''; cursor:pointer; display:inline-block; border-radius:100%; -moz-border-radius:100%; -webkit-border-radius:100%; width:10px; height:10px; top:0; right:0; bottom:0; left:0; border:none; background:#fff; opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin13913946 .tab-container input.bullet:checked+label { color:#0090ff; } body div#devskin13913946 .tab-container input.bullet:checked+label:before { background:#0090ff; } body div#devskin13913946 .tab-container input.bullet+label[for='tab-one'] { left:37%; } body div#devskin13913946 .tab-container input.bullet+label[for='tab-two'] { left:42%; } body div#devskin13913946 .tab-container input.bullet+label[for='tab-three'] { left:47%; } body div#devskin13913946 .tab-container input.bullet+label[for='tab-four'] { left:52%; } body div#devskin13913946 .tab-container input.bullet+label[for='tab-five'] { left:57%; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container input.bullet+label[for='tab-one'] { left:43%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container input.bullet+label[for='tab-two'] { left:46%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container input.bullet+label[for='tab-three'] { left:49%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container input.bullet+label[for='tab-four'] { left:52%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container input.bullet+label[for='tab-five'] { left:55%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container .tab-content, body div#devskin13913946 .tab-container .tab-content>div { height:500px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .tab-container .tab-content img.tab-img { height:80%; transform:translate(0, 5%); -moz-transform:translate(0, 5%); -webkit-transform:translate(0, 5%); -ms-transform:translate(0, 5%); -o-transform:translate(0, 5%); } } body div#devskin13913946 .tab-container input.arrow+label { position:absolute; top:55%; cursor:pointer; transform:translate(0, -50%); -moz-transform:translate(0, -50%); -webkit-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); display:none; color:transparent; width:72px; height:30px; transform-origin:50% 0%; -moz-transform-origin:50% 0%; -webkit-transform-origin:50% 0%; -ms-transform-origin:50% 0%; -o-transform-origin:50% 0%; opacity:1; filter:alpha(opacity=100); _zoom:1; transition:opacity 0.25s ease-out; -moz-transition:opacity 0.25s ease-out; -webkit-transition:opacity 0.25s ease-out; -ms-transition:opacity 0.25s ease-out; -o-transition:opacity 0.25s ease-out; z-index:1; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input.arrow+label { top:57%; z-index:99; } } body div#devskin13913946 .tab-container input.arrow+label:after { content:''; width:16px; height:16px; border-left:3px solid #0090ff; border-top:3px solid #0090ff; transform:rotate(-45deg) translate(0, -50%); -moz-transform:rotate(-45deg) translate(0, -50%); -webkit-transform:rotate(-45deg) translate(0, -50%); -ms-transform:rotate(-45deg) translate(0, -50%); -o-transform:rotate(-45deg) translate(0, -50%); position:absolute; top:50%; left:0; border-radius:3px 0 0 0; -moz-border-radius:3px 0 0 0; -webkit-border-radius:3px 0 0 0; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input.arrow+label:after { border-left-color:#fff; border-top-color:#fff; } } body div#devskin13913946 .tab-container input:nth-of-type(1):checked~.arrows input:nth-of-type(7)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(1):checked~.arrows input:nth-of-type(7)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.arrows input:nth-of-type(1)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.arrows input:nth-of-type(1)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.arrows input:nth-of-type(2)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.arrows input:nth-of-type(2)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.arrows input:nth-of-type(3)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.arrows input:nth-of-type(3)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.arrows input:nth-of-type(4)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.arrows input:nth-of-type(4)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(6):checked~.arrows input:nth-of-type(5)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(6):checked~.arrows input:nth-of-type(5)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(7):checked~.arrows input:nth-of-type(6)+label { display:block; left:60px; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(7):checked~.arrows input:nth-of-type(6)+label { left:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(1):checked~.arrows input:nth-of-type(2)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(1):checked~.arrows input:nth-of-type(2)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.arrows input:nth-of-type(3)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(2):checked~.arrows input:nth-of-type(3)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.arrows input:nth-of-type(4)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(3):checked~.arrows input:nth-of-type(4)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.arrows input:nth-of-type(5)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(4):checked~.arrows input:nth-of-type(5)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.arrows input:nth-of-type(6)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(5):checked~.arrows input:nth-of-type(6)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(6):checked~.arrows input:nth-of-type(7)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(6):checked~.arrows input:nth-of-type(7)+label { margin-top:7%; right:18px; } } body div#devskin13913946 .tab-container input:nth-of-type(7):checked~.arrows input:nth-of-type(1)+label { display:block; right:60px; transform:scale(-1, -1); -moz-transform:scale(-1, -1); -webkit-transform:scale(-1, -1); -ms-transform:scale(-1, -1); -o-transform:scale(-1, -1); margin-top:2.1%; } @media only screen and (max-width: 767px) { body div#devskin13913946 .tab-container input:nth-of-type(7):checked~.arrows input:nth-of-type(1)+label { margin-top:7%; right:18px; } } body div#devskin13913946 a.button { margin:0 auto 15px; padding:16px; display:inline-block; min-width:180px; font-family:'devioussans02medium',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1; letter-spacing:0px; color:#fff; text-decoration:none; text-align:center; white-space:nowrap; text-transform:uppercase; text-decoration:none; transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; background:#000; border:1px #333 solid; cursor:pointer; outline:0; } body div#devskin13913946 a.button:hover { text-decoration:none !important; color:#000; background-color:#fff; border-color:#fff; } body div#devskin13913946 a.button:active { transform:translate(0, 4px); -moz-transform:translate(0, 4px); -webkit-transform:translate(0, 4px); -ms-transform:translate(0, 4px); -o-transform:translate(0, 4px); } body div#devskin13913946 a.button.main-button { color:#000; background-color:#fff; border-color:#fff; } body div#devskin13913946 a.button.main-button:hover { color:#fff; background-color:#0090ff; border-color:#0090ff; } body div#devskin13913946 a.button.disabled { opacity:.5; filter:alpha(opacity=50); _zoom:1; cursor:not-allowed; } body div#devskin13913946 a.button.disabled:hover { color:#0b0b0b; background:#06f286; } body div#devskin13913946 a.button.outline { padding:14px 30px; color:#fff; text-shadow:none; background-image:none; background-color:transparent; border:2px #00e59b solid; } body div#devskin13913946 a.button.outline:hover { color:#f2f2f2; background:transparent; border-color:#f2f2f2; } body div#devskin13913946 a.button.inline { margin-right:15px; } body div#devskin13913946 img { display:block; width:100%; } body div#devskin13913946 .image { position:relative; } body div#devskin13913946 .image .deviation-thumbnail { position:relative; z-index:1; } body div#devskin13913946 .image .gradient, body div#devskin13913946 .image .artist-credit { opacity:0; filter:alpha(opacity=0); _zoom:1; transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; } body div#devskin13913946 .image .gradient { position:absolute; top:0; bottom:0; left:0; right:0; background:rgb(0, 0, 0); background:rgba(0,0,0,0.4); background: -webkit-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, transparent 100%); background: -moz-linear-gradient(bottom, rgba(0,0,0,0.9) 0%, transparent 100%); background:linear-gradient(to top, rgba(0,0,0,0.9) 0%, transparent 100%); z-index:2; } body div#devskin13913946 .image a { position:relative; display:block; cursor:pointer; color:#fff; text-decoration:none; } body div#devskin13913946 .image a.deviation-link { display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:3; } body div#devskin13913946 .image .artist-credit { position:absolute; top:auto; bottom:10px; left:10px; right:10px; z-index:4; } body div#devskin13913946 .image .artist-credit a.deviation-title { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1.1; padding-bottom:5px; } body div#devskin13913946 .image .artist-credit a.deviation-title:hover { color:#d1d1d9; } body div#devskin13913946 .image .artist-credit .avatar-and-username .avatar { float:left; width:18px; height:18px; color:transparent; display:block; } body div#devskin13913946 .image .artist-credit .avatar-and-username .avatar img { width:100%; height:auto; display:inline-block; } body div#devskin13913946 .image .artist-credit .avatar-and-username .user-symbol { display:none; } body div#devskin13913946 .image .artist-credit .avatar-and-username span { display:block; line-height:1; } body div#devskin13913946 .image .artist-credit .avatar-and-username span.banned { display:inline-block; } body div#devskin13913946 .image .artist-credit .avatar-and-username .username { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1.1; display:inline-block; padding:0 0 0 4px; color:#fff; } body div#devskin13913946 .image .artist-credit .avatar-and-username .username:hover { color:#d1d1d9; } body div#devskin13913946 .image:hover .gradient, body div#devskin13913946 .image:hover .artist-credit { opacity:1; filter:alpha(opacity=100); _zoom:1; } body div#devskin13913946 .gallery .image { margin-bottom:24px; border:5px #fff solid; box-shadow:0 0 10px rgba(0,0,0,0.5); -moz-box-shadow:0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow:0 0 10px rgba(0,0,0,0.5); } body div#devskin13913946 .navbar { position:relative; width:100%; z-index:4; padding:18px 0px 12px 0px; background:#000; border-bottom:1px #333 solid; } body div#devskin13913946 .navbar .columns { padding:0; text-align:center; } body div#devskin13913946 .navbar .columns.cobrand { display:inline-block; margin:0 auto; } body div#devskin13913946 .navbar img, body div#devskin13913946 .navbar .slash { display:inline-block; margin:0 1rem 0 0; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; } body div#devskin13913946 .navbar .logo-deviantart { width:80px; transform:translate(0, 2); -moz-transform:translate(0, 2); -webkit-transform:translate(0, 2); -ms-transform:translate(0, 2); -o-transform:translate(0, 2); } body div#devskin13913946 .navbar .logo-partner { width:160px; transform:translate(0, 0); -moz-transform:translate(0, 0); -webkit-transform:translate(0, 0); -ms-transform:translate(0, 0); -o-transform:translate(0, 0); padding-left:5px; margin-right:0; } body div#devskin13913946 .navbar span.slash { position:relative; display:inline-block; height:21px; width:1px; } body div#devskin13913946 .navbar span.slash:after { content:''; position:absolute; width:1px; height:100%; top:0; right:0; background:rgb(255, 255, 255); background:rgba(255,255,255,0.6); transform:skew(-28deg) translate(0, 0); -moz-transform:skew(-28deg) translate(0, 0); -webkit-transform:skew(-28deg) translate(0, 0); -ms-transform:skew(-28deg) translate(0, 0); -o-transform:skew(-28deg) translate(0, 0); } body div#devskin13913946 .navbar span.rating { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:2.2; color:#06f286; text-transform:uppercase; } body div#devskin13913946 .navbar .columns.nav { text-transform:uppercase; } body div#devskin13913946 .navbar .columns.nav .u-list { line-height:1; } body div#devskin13913946 .navbar .columns.nav .u-list:after { content:''; display:table; clear:both; } body div#devskin13913946 .navbar .columns.nav ul, body div#devskin13913946 .navbar .columns.nav li { list-style:none; margin:0; padding:0; line-height:1; } body div#devskin13913946 .navbar .columns.nav ul { margin:10px auto 0; } body div#devskin13913946 .navbar .columns.nav li { position:relative; display:inline-block; text-align:left; } body div#devskin13913946 .navbar .columns.nav li:before { background-image:none; } body div#devskin13913946 .navbar .columns.nav li a.nav-item { display:inline-block; padding:0px 9px 0px 9px; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:11px; line-height:1.6; color:#9a9a9a; text-decoration:none !important; } body div#devskin13913946 .navbar .columns.nav li a.nav-item:hover { text-decoration:underline; color:#0090ff; } body div#devskin13913946 .navbar .columns.nav li.inactive a.nav-item { opacity:.5; filter:alpha(opacity=50); _zoom:1; cursor:not-allowed; } body div#devskin13913946 .navbar .columns.nav li.rating span { display:inline-block; color:#485f66; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:11px; line-height:1.6; padding:0px 30px 0px 12px; } body div#devskin13913946 .navbar .columns.nav li, body div#devskin13913946 .navbar .columns.nav li a.nav-item { height:30px; line-height:30px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .navbar { padding:12px 0px 12px 0px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .navbar .columns.cobrand { transform:translate(0, 4px); -moz-transform:translate(0, 4px); -webkit-transform:translate(0, 4px); -ms-transform:translate(0, 4px); -o-transform:translate(0, 4px); text-align:left; padding-left:30px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .navbar .columns.nav { transform:translate(0, -2px); -moz-transform:translate(0, -2px); -webkit-transform:translate(0, -2px); -ms-transform:translate(0, -2px); -o-transform:translate(0, -2px); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .navbar .columns.nav ul { margin:0; float:right; } } body div#devskin13913946 .desktop { display:none; } body div#devskin13913946 .mobile { display:block; } @media only screen and (min-width: 600px) { body div#devskin13913946 .desktop { display:inline-block; } } @media only screen and (min-width: 600px) { body div#devskin13913946 .mobile { display:none; } } body div#devskin13913946 iframe { width:100%; height:200px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 iframe { height:240px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 iframe { height:290px; } } body div#devskin13913946 .section.intro { padding:60px 30px 60px 30px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-intro-m.jpg?v=1432005674'); background-size:cover; background-position:center top; background-repeat:no-repeat; } body div#devskin13913946 .section.intro a.arknights-img { display:block; margin-bottom:24px; } body div#devskin13913946 .section.intro a.arknights-img img { margin:0 auto; max-width:400px; } body div#devskin13913946 .section.intro .contest-type { display:inline-block; position:relative; margin:0 0 20px; } body div#devskin13913946 .section.intro .contest-type:after { position:absolute; content:''; left:0; top:0; transform:translate(0px, 45px); -moz-transform:translate(0px, 45px); -webkit-transform:translate(0px, 45px); -ms-transform:translate(0px, 45px); -o-transform:translate(0px, 45px); width:100%; height:40px; display:block; padding:8px 16px; border:2px #333 solid; background:#000; z-index:1; } body div#devskin13913946 .section.intro .contest-type span.label { position:relative; display:block; padding:8px 16px; border:2px #333 solid; background:#000; color:#0090ff; text-transform:uppercase; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:18px; line-height:1; } body div#devskin13913946 .section.intro .contest-type span.label span.light { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } body div#devskin13913946 .section.intro .contest-type span.label:before, body div#devskin13913946 .section.intro .contest-type span.label:after { position:absolute; content:''; } body div#devskin13913946 .section.intro .contest-type span.label:before { top:0; left:0; transform:translate(-24px, -90%); -moz-transform:translate(-24px, -90%); -webkit-transform:translate(-24px, -90%); -ms-transform:translate(-24px, -90%); -o-transform:translate(-24px, -90%); width:3px; height:70%; background-color:#0090ff; } body div#devskin13913946 .section.intro .contest-type span.label:after { right:0; bottom:0; transform:translate(4px, 2px); -moz-transform:translate(4px, 2px); -webkit-transform:translate(4px, 2px); -ms-transform:translate(4px, 2px); -o-transform:translate(4px, 2px); width:3px; height:70%; background-color:#333; } body div#devskin13913946 .section.intro .enter-by { position:relative; display:inline-block; margin:0 auto 30px; font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:12px; line-height:1; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; } body div#devskin13913946 .section.intro .enter-by span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } body div#devskin13913946 .section.intro .enter-by:before, body div#devskin13913946 .section.intro .enter-by:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } body div#devskin13913946 .section.intro .enter-by:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } body div#devskin13913946 .section.intro .enter-by:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } body div#devskin13913946 .section.intro .blurb { position:relative; max-width:600px; margin:0 auto; padding:12px 16px; border:2px #333 solid; background:#000; color:#9a9a9a; } body div#devskin13913946 .section.intro .blurb p { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; margin:0; } body div#devskin13913946 .section.intro .blurb span.highlight { color:#f9d802; } body div#devskin13913946 .section.intro img.scroll-img { display:none; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro { padding:105px 30px 105px 30px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-intro.jpg?v=1432005674'); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .contest-type { margin:0 0 24px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .contest-type:after { transform:translate(0px, 50px); -moz-transform:translate(0px, 50px); -webkit-transform:translate(0px, 50px); -ms-transform:translate(0px, 50px); -o-transform:translate(0px, 50px); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .contest-type span.label { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:22px; line-height:1; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .enter-by { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:14px; line-height:1; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .blurb { padding:14px 18px 16px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .blurb:before, body div#devskin13913946 .section.intro .blurb:after { position:absolute; content:''; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .blurb:before { top:0; right:0; transform:translate(44px, 25px); -moz-transform:translate(44px, 25px); -webkit-transform:translate(44px, 25px); -ms-transform:translate(44px, 25px); -o-transform:translate(44px, 25px); width:3px; height:60%; background-color:#0090ff; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro .blurb:after { right:0; bottom:0; transform:translate(2px, 30px); -moz-transform:translate(2px, 30px); -webkit-transform:translate(2px, 30px); -ms-transform:translate(2px, 30px); -o-transform:translate(2px, 30px); width:70px; height:7px; background-color:#0090ff; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.intro img.scroll-img { display:block; width:14px; position:absolute; bottom:0; left:50%; transform:translate(-50%, 96%); -moz-transform:translate(-50%, 96%); -webkit-transform:translate(-50%, 96%); -ms-transform:translate(-50%, 96%); -o-transform:translate(-50%, 96%); z-index:2; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.intro { padding:105px 30px 120px 30px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.intro .contest-type span.label { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:24px; line-height:1; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.intro .enter-by { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:16px; line-height:1; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.intro .blurb p { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:16px; line-height:1.7; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.intro img.scroll-img { width:16px; } } body div#devskin13913946 .section.description { padding:60px 0px 42px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-description.jpg?v=1432005674'); background-size:auto 40%; background-position:left bottom; background-repeat:repeat-x; background-color:#141414; } body div#devskin13913946 .section.description .bg:before, body div#devskin13913946 .section.description .bg:after { position:absolute; content:''; background-image:url('https://www.da-files.com/contests/2020/arknights/img/divider.png?v=1432005674'); background-size:auto 20px; background-position:center center; background-repeat:no-repeat; left:0; height:20px; width:100%; } body div#devskin13913946 .section.description .bg:before { top:4px; } body div#devskin13913946 .section.description .bg:after { bottom:2px; } body div#devskin13913946 .section.description img.example { margin:0 0 30px; } body div#devskin13913946 .section.description h1 .thin { font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description { padding:120px 15px 120px 15px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description img.example { position:relative; margin:20px 0 0; z-index:2; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .columns { padding:0; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb { position:relative; padding:30px 0px 30px 0px; color:#0b0b0b; background-color:#fff; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb:after { position:absolute; content:''; top:0; left:0; transform:translate(0px, -20px); -moz-transform:translate(0px, -20px); -webkit-transform:translate(0px, -20px); -ms-transform:translate(0px, -20px); -o-transform:translate(0px, -20px); width:45px; height:5px; background-color:#0090ff; z-index:3; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb h1 { position:relative; font-size:21px; line-height:1; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb h1:before { content:''; position:absolute; top:0; left:0; transform:translate(-60px, 0); -moz-transform:translate(-60px, 0); -webkit-transform:translate(-60px, 0); -ms-transform:translate(-60px, 0); -o-transform:translate(-60px, 0); width:calc(100% + 120px); height:100%; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-headline.png?v=1432005674'); background-size:auto 100%; background-position:top left; background-repeat:no-repeat; z-index:3; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb h1 span.main { display:block; padding:15px 15px 15px 45px; position:relative; z-index:4; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb p, body div#devskin13913946 .section.description .blurb p b { font-size:12px; line-height:1.6; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb p { margin-bottom:16px; padding:0 30px 0 45px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.description .blurb p:last-child { margin-bottom:0; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.description { padding:120px 30px 120px 30px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.description .blurb h1 { font-size:33px; line-height:1; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.description .blurb h1:before { transform:translate(-90px, 0); -moz-transform:translate(-90px, 0); -webkit-transform:translate(-90px, 0); -ms-transform:translate(-90px, 0); -o-transform:translate(-90px, 0); } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.description .blurb p, body div#devskin13913946 .section.description .blurb p b { font-size:13px; line-height:1.64; } } body div#devskin13913946 .section.fanart-feature { padding:10px 0 34px; } body div#devskin13913946 .section.fanart-feature:after { position:absolute; content:''; background-image:url('https://www.da-files.com/contests/2020/arknights/img/divider.png?v=1432005674'); background-size:auto 20px; background-position:center center; background-repeat:no-repeat; bottom:0; left:0; height:20px; width:100%; } body div#devskin13913946 .section.operators { padding:30px 0px 60px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-description.jpg?v=1432005674'); background-size:auto 40%; background-position:left 130%; background-repeat:repeat-x; background-color:#141414; } body div#devskin13913946 .section.operators h1 { display:inline-block; position:relative; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators { padding:60px 0px 60px 0px; background-position:left 108%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1 { margin:0 auto 30px; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:12px 30px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:before, body div#devskin13913946 .section.operators h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:before, body div#devskin13913946 .section.operators h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.operators p.max-width-p { display:inline-block; margin:0 auto; max-width:650px; } } body div#devskin13913946 .section.winners h1 { display:inline-block; position:relative; } body div#devskin13913946 .section.winners p.large, body div#devskin13913946 .section.winners p.large b { font-size:16px; line-height:1.64; } body div#devskin13913946 .section.winners .block-container { position:relative; margin-bottom:30px; } body div#devskin13913946 .section.winners .columns { position:relative; } body div#devskin13913946 .section.winners .placement-container { position:absolute; bottom:0; left:50%; transform:translate(-50%, 50%); -moz-transform:translate(-50%, 50%); -webkit-transform:translate(-50%, 50%); -ms-transform:translate(-50%, 50%); -o-transform:translate(-50%, 50%); min-width:320px; font-size:12px; line-height:1; text-align:center; z-index:3; } body div#devskin13913946 .section.winners .placement-container b { font-size:12px; line-height:1; } body div#devskin13913946 .section.winners .placement-container span { display:block; } body div#devskin13913946 .section.winners .placement-container .placement-value, body div#devskin13913946 .section.winners .placement-container .artist-avatar, body div#devskin13913946 .section.winners .placement-container .deviation-information { display:inline-block; height:38px; vertical-align:top; } body div#devskin13913946 .section.winners .placement-container .placement-value { margin-right:16px; padding:5px 7px 0; background-color:#f9d802; text-align:center; color:#000; } body div#devskin13913946 .section.winners .placement-container .placement-value .number b { font-size:16px; line-height:1; } body div#devskin13913946 .section.winners .placement-container .placement-value .caps { text-transform:uppercase; font-size:10px; line-height:1.2; } body div#devskin13913946 .section.winners .placement-container .artist-avatar { background-color:black; } body div#devskin13913946 .section.winners .placement-container .artist-avatar img { height:38px; width:auto; } body div#devskin13913946 .section.winners .placement-container .deviation-information { padding:8px 10px 0; background-color:#0090ff; text-align:left; } body div#devskin13913946 .section.winners .placement-container a { display:block; color:#000; text-decoration:none; } body div#devskin13913946 .section.winners .third-place .placement-container .deviation-information { background-color:#0f0f0f; } body div#devskin13913946 .section.winners .third-place .placement-container .deviation-information a { color:#9a9a9a; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners { padding:60px 0px 60px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-winners.jpg?v=1432005674'); background-size:cover; background-position:center top; background-repeat:no-repeat; background-color:#030303; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners .block-container { margin-bottom:60px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1 { margin:0 auto 30px; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:12px 30px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:before, body div#devskin13913946 .section.winners h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:before, body div#devskin13913946 .section.winners h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.winners p.large, body div#devskin13913946 .section.winners p.large b { font-size:20px; line-height:1.64; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.winners .placement-container { min-width:350px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.winners .placement-container .placement-value, body div#devskin13913946 .section.winners .placement-container .artist-avatar, body div#devskin13913946 .section.winners .placement-container .deviation-information, body div#devskin13913946 .section.winners .placement-container .artist-avatar img { height:48px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.winners .placement-container .placement-value { padding:12px 10px 0; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.winners .placement-container .deviation-information { padding:12px 12px 0; } } body div#devskin13913946 .section.semis { background-color:#141414; padding:60px 0px 60px 0px; } body div#devskin13913946 .section.semis:before, body div#devskin13913946 .section.semis:after { position:absolute; content:''; background-image:url('https://www.da-files.com/contests/2020/arknights/img/divider.png?v=1432005674'); background-size:auto 20px; background-position:center center; background-repeat:no-repeat; bottom:0; left:0; height:20px; width:100%; } body div#devskin13913946 .section.semis:before { bottom:auto; top:0; } body div#devskin13913946 .section.semis h1 { display:inline-block; position:relative; } body div#devskin13913946 .section.semis .image { margin-bottom:30px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis { padding:99px 0px 99px 0px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1 { margin:0 auto 30px; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:12px 30px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:before, body div#devskin13913946 .section.semis h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:before, body div#devskin13913946 .section.semis h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.semis h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } body div#devskin13913946 .section.prizes { padding:60px 0px 30px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-prizes.jpg?v=1432005674'); background-size:cover; background-position:center center; background-repeat:no-repeat; } body div#devskin13913946 .section.prizes b.large { font-size:15px; line-height:1.7; } body div#devskin13913946 .section.prizes .row { padding:0 0 30px; } body div#devskin13913946 .section.prizes .placebox { border:1px #333 solid; background:#000; padding:20px 0px; } body div#devskin13913946 .section.prizes .placebox h2 { font-style:italic; margin-bottom:18px; padding-bottom:14px; border-bottom:1px #333 solid; } body div#devskin13913946 .section.prizes .placebox h2 sup { text-transform:uppercase; font-size:14px; line-height:1; } body div#devskin13913946 .section.prizes .placebox h2 span { font-family:'devioussans02light',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } body div#devskin13913946 .section.prizes .placebox .u-list ul, body div#devskin13913946 .section.prizes .placebox .u-list li { color:#fff; } body div#devskin13913946 .section.prizes .placebox .u-list ul li { padding:0 0 5px 8px; } body div#devskin13913946 .section.prizes .placebox .u-list li span { color:#9a9a9a; } body div#devskin13913946 .section.prizes .placebox p.prize-value { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:16px; line-height:1; } body div#devskin13913946 .section.prizes .placebox p.prize-value span { color:#f9d802; } body div#devskin13913946 .section.prizes .placebox .mobile .first-place-img { margin-bottom:20px; } body div#devskin13913946 .section.prizes .placebox.second-place { margin-bottom:30px; } body div#devskin13913946 .section.prizes .placebox.second-place, body div#devskin13913946 .section.prizes .placebox.third-place { padding-left:30px; padding-right:30px; } body div#devskin13913946 .section.prizes img.semifinalists-img { margin-bottom:15px; } body div#devskin13913946 .section.prizes .placebox.semifinalists h2 { margin-left:30px; margin-right:30px; } body div#devskin13913946 .section.prizes:before, body div#devskin13913946 .section.prizes:after { position:absolute; content:''; background-image:url('https://www.da-files.com/contests/2020/arknights/img/divider.png?v=1432005674'); background-size:auto 20px; background-position:center center; background-repeat:no-repeat; left:0; height:20px; width:100%; } body div#devskin13913946 .section.prizes:before { top:4px; } body div#devskin13913946 .section.prizes:after { bottom:2px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes { padding:60px 0px 60px 0px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes .placebox { padding:40px 20px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes .placebox p.prize-value { font-family:'devioussans02bold',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:19px; line-height:1; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1 { display:inline-block; position:relative; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:10px 30px; min-width:240px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:before, body div#devskin13913946 .section.prizes h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:before, body div#devskin13913946 .section.prizes h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes b.large { font-size:17px; line-height:1.7; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.prizes .placebox.second-place, body div#devskin13913946 .section.prizes .placebox.third-place { padding-left:45px; padding-right:45px; min-height:360px; } } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.prizes { padding:90px 0px 60px 0px; } } body div#devskin13913946 .section.how-to-enter { padding:60px 0px 60px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-description.jpg?v=1432005674'); background-size:auto 40%; background-position:left 130%; background-repeat:repeat-x; background-color:#141414; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1 { display:inline-block; position:relative; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:10px 30px; min-width:240px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:before, body div#devskin13913946 .section.how-to-enter h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:before, body div#devskin13913946 .section.how-to-enter h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.how-to-enter h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } body div#devskin13913946 .section.how-to-enter .enter-img { margin:20px auto; max-width:200px; } @media only screen and (min-width: 1400px) { body div#devskin13913946 .section.how-to-enter { padding:90px 0px 60px 0px; } } body div#devskin13913946 .section.rules-judging { padding:60px 0px 30px 0px; background-color:#0b0b0b; } body div#devskin13913946 .section.rules-judging:after { position:absolute; content:''; background-image:url('https://www.da-files.com/contests/2020/arknights/img/divider.png?v=1432005674'); background-size:auto 20px; background-position:center center; background-repeat:no-repeat; left:0; height:20px; width:100%; } body div#devskin13913946 .section.rules-judging:after { bottom:2px; } body div#devskin13913946 .section.rules-judging .u-list ul, body div#devskin13913946 .section.rules-judging .u-list li { color:#f2f2f2; padding:0 0 5px 8px; } body div#devskin13913946 .section.rules-judging p.highlight { color:#f9d802; text-transform:uppercase; margin-bottom:4px; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging { padding:90px 0px 60px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-rules-judging.png?v=1432005674'); background-size:30% auto; background-position:left center; background-repeat:no-repeat; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1 { display:inline-block; position:relative; padding:16px; color:#fff; text-transform:uppercase; background:#0090ff; z-index:2; padding:10px 30px; min-width:200px; text-align:center; font-size:22px; line-height:1; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1 span { font-family:'devioussans02regular',Arial,'Helvetica Neue',Helvetica,sans-serif; font-weight:400; font-size:inheritpx; line-height:inherit; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:before, body div#devskin13913946 .section.rules-judging h1:after { position:absolute; content:''; height:100%; width:16px; top:0; background-repeat:no-repeat; background-size:auto 100%; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:before { left:0; transform:translate(-20px, 0); -moz-transform:translate(-20px, 0); -webkit-transform:translate(-20px, 0); -ms-transform:translate(-20px, 0); -o-transform:translate(-20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-left.png?v=1432005674'); background-position:right top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:after { right:0; transform:translate(20px, 0); -moz-transform:translate(20px, 0); -webkit-transform:translate(20px, 0); -ms-transform:translate(20px, 0); -o-transform:translate(20px, 0); background-image:url('https://www.da-files.com/contests/2020/arknights/img/arrow-right.png?v=1432005674'); background-position:left top; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:before, body div#devskin13913946 .section.rules-judging h1:after { width:32px; } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:before { transform:translate(-40px, 0); -moz-transform:translate(-40px, 0); -webkit-transform:translate(-40px, 0); -ms-transform:translate(-40px, 0); -o-transform:translate(-40px, 0); } } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.rules-judging h1:after { transform:translate(40px, 0); -moz-transform:translate(40px, 0); -webkit-transform:translate(40px, 0); -ms-transform:translate(40px, 0); -o-transform:translate(40px, 0); } } body div#devskin13913946 .section.thoughts { padding:60px 0px 90px 0px; background-image:url('https://www.da-files.com/contests/2020/arknights/img/bg-thoughts.jpg?v=1432005674'); background-size:auto 100%; background-position:center center; background-repeat:no-repeat; } body div#devskin13913946 .section.thoughts p { color:#dbdbe2; } body div#devskin13913946 .section.thoughts p.subtitle { color:#9a9a9a; text-transform:uppercase; } @media only screen and (min-width: 1000px) { body div#devskin13913946 .section.thoughts { padding:120px 0px 150px 0px; background-size:cover; } }

Attention all Arknights fans! Enter the Arknights first anniversary contest, Operation: Fan Art, with over $18,000 USD in prizes to be won. 1st place wins a Wacom Cintiq 22, a professional tablet, and more! #ArknightsFanArtDA

Challenge
View Entries
Rules
FAQ
13+ International

Fan Art Contest

Contest Closed December 26, 2020

In celebration of the game's first anniversary, Arknights teamed up with DeviantArt for a classic fan art competition. Deviants created fan art of one or more existing Operators from Arknights Global Game for the chance to be a winner — there was over $18,000 USD worth of prizes!

The Winners
These Winners Have Conquered the Battle!
Amazing Arknights fan art has been shared across the DeviantArt community. The imagination and talent seen in the interpretations of the Operators impressed the judges, but these 12 deviants are taking home the prizes. Congratulations to the winners and thank you to everyone for participating in Operation: Fan Art!

1stPlace

OPERATION START! nonaneva

2ndPlace

Armed Angel Kyokazu

2ndPlace

1st nijimaarc

2ndPlace

HOPES overtonerhine

3rdPlace

Ethan TCarnos

3rdPlace

Waai Fu Hung Aak THEZENTLION

3rdPlace

20:47 Venappo

3rdPlace

Arknights: Ready For Counterattack bunny15539

3rdPlace

Arknight R.L Squad DualNaito

3rdPlace

Ceobe Arknight! Stegosauce

3rdPlace

It's snowing Faesu

3rdPlace

"General" of Rhodes Island yugandraws

The Semi-Finalists

FRANKA - Arknights
Razaras

Battle Amiya
AyyaSAP

Arknight: Sideroca
denn18art

Mostimaaaa
kikanoe

Arknights - Tsukinogi
Hayes-irina

Arknights - Skadi
yeinART

Fetch!
Alben002

The Battle is Here
BreakDiamond

Spark of Inspiration.
janyhero

Rainy Day
Chyffon

The song of a thousand bird
PumpkinellaArt

Waai fu
Bluepoodlez

Ifrit Fanart
SaintHolo

Arknights - Waai Fu
bluwish

Ptilopsis
SaitoRyou

Eyjafjalla Arknights
RinRinDaishi

Arknights - Texas
HelenZhao

Nearl
VanillaGhosties

View All Entries

Meet The Operators
The above example piece is of Ifrit, with the power of flame. There are over 100 Operators available in Arknights, and each one belongs to one of eight classes; narrow down your options by picking your favorite: Caster, Defender, Guard, Medic, Sniper, Specialist, Supporter, and Vanguard. Using physical strength, weapons, or magic, all Operators within these classes have one of more of the abilities to attack, inflict damage, or heal allies. Most of them — but certainly not all — are aligned with the Rhodes Island Faction.

Prizes
12 Total Artists Will Win Tablets!
Submit fan art of one or more Operators from the Arknights universe for the chance to win. See the official rules for details.

1st Place

Wacom Cintiq 22
12.9" Professional Tablet 1TB with Wi-Fi and Cellular
Wireless stylus and magic keyboard
Huge Amiya bunny plushie
Arknights First Anniversary art book
One-year DeviantArt Core Pro Membership
8,000 DeviantArt Points

Total Prize Value: $3,676.90 USD

2nd Place x3

11" Professional Tablet with 512GB
Wireless stylus
Huge Amiya bunny plushie
Arknights First Anniversary art book
One-year DeviantArt Core+ Membership
6,000 DeviantArt Points

Total Prize Value: $1,482.95 USD

3rd Place x8

Wacom Cintiq 16
Huge Amiya bunny plushie
Arknights First Anniversary art book
One-year DeviantArt Core+ Membership
4,000 DeviantArt Points

Total Prize Value: $879.90 USD

Semi-Finalist x18

Arknights First Anniversary art book
One-year DeviantArt Core+ Membership
4,000 DeviantArt Points

Total Prize Value: $179.95 USD

Judging
1st, 2nd, and 3rd place winners, along with the Semi-Finalists, will be selected by a panel of full-time DeviantArt staff and the Arknights Operation Team from the pool of eligible deviations.
Criteria

Choice of setting and action
Use of Arknight character(s)
Originality and artistic skill
Success in portraying the contest theme

Rules
Contest Begins

December 3, 2020
12:00:00 PM PST

Deadline

December 26, 2020
11:59:59 PM PST

Age Requirement

At least 13 years old as of December 26, 2020.
Please read official rules for more details.
Official Rules FAQs

Your Thoughts
Answer in the comments below:
1. What is your favorite class of Operator?
2. What makes you inspired to draw fan art of a character?
3. What do you appreciate about the art in Arknights?