body{background:#000}section.share-box{margin:0 auto}section.share-box .share{position:absolute;z-index:5;right:10px;top:121px;display:flex;align-items:flex-start}section.share-box .share .fb-like{display:inline-block;margin-right:5px;height:30px}section.share-box .share .twitter-share-button{width:76px;height:28px}#app{display:flex}#app nav{flex:0 1 240px}#app article{flex-grow:1}#app nav{font-size:18px}#app nav li{background:#f6f6f6;padding:15px 18px;color:#777;border-right:1px solid #ccc;border-bottom:1px solid #ccc;cursor:pointer}#app nav li:hover{background:#fff;color:#2196f3}#app nav li._a{background:#fff;position:relative;color:#2196f3;border-right-color:#fff}#app nav li img{display:none;width:25px;float:right;border-radius:20%;border:1px solid #000}#app nav li.active img{display:block}#app article{text-align:center;min-height:641px}#app article h2{font-size:36px;font-weight:300;margin-top:-10px}#app article h3{font-weight:300;margin:25px 0}#app article h3.active{display:none}#app article h3 .area{font-weight:700}#app article .remaining{display:flex;justify-content:space-around;max-width:320px;margin:0 auto;color:#388e3c}#app article .remaining div{flex:0 1 30%;width:33%}#app article .remaining p{color:#aaa;font-size:14px;padding:0 4px;box-sizing:border-box;text-transform:uppercase;font-weight:700}#app article .remaining span{font-size:56px;line-height:60px;font-family:rajdhani,sans-serif}#app article .remaining .seconds span{font-size:32px;position:relative;top:7px}#app article progress{visibility:hidden}#app article .date{margin-top:15px;color:#666;font-size:20px;font-weight:400}#app article .dateformat{position:absolute;right:6px;top:0;font-size:12px;color:#999}#app article .dateformat span{cursor:pointer;display:inline-block;padding:9px 4px}#app article .dateformat span.active{color:#333;font-weight:700}#app article .dateformat span:hover{color:#333;text-decoration:underline}#app article .schedule{border-top:1px solid #ddd;padding:0}#app article .schedule table{width:100%}#app article .schedule table th{display:none;text-align:center;padding:3px 6px;font-size:13px;font-weight:700;color:#999}#app article .schedule table td{text-align:right;padding:3px 6px;font-size:13px;width:50%;border-right:1px solid #ddd}#app article .schedule table td:last-child{text-align:left;border-right:0}#app article .schedule .table{}#app article .schedule .table .row{display:flex;align-items:stretch;border-bottom:1px solid #f0f0f0}#app article .schedule .table .row:last-child{border-bottom:none}#app article .schedule .table .row div{padding:5px 6px;font-size:13px}#app article .schedule .table .row div:nth-child(1){flex:1;text-align:right;border-right:1px solid #ddd}#app article .schedule .table .row div:nth-child(2){flex:0;flex-basis:125px;text-align:center;width:120px}#app article .schedule .table .row div:nth-child(3){flex:1;text-align:left;border-left:1px solid #ddd}#app article.invading h3.active{display:block;color:#d32f2f}#app article.invading h3.inactive{display:none}#app article.invading .remaining{color:#d32f2f}#app article.invading progress{visibility:visible}#app article.inactive>*{display:none}@media all and (max-width:620px){#app nav{flex-basis:200px}#app nav ul{font-size:16px}#app nav ul li img{width:22px}}@media all and (max-width:620px){#app{flex-direction:column}#app nav{flex-basis:auto}#app nav ul{display:flex}#app nav ul li{flex:0 1 33%;text-align:center}#app nav ul li{padding:15px 5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#app nav ul li img{display:none!important}#app nav ul li:last-child{border-right:none}#app nav li._a{border-bottom-color:#fff;border-right-color:#ccc}#app article .dateformat{top:55px}}@media all and (max-width:870px){#content h1{display:none}section.share-box .share{top:30px;top:275px}}