html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

    *, *:before, *:after {
        box-sizing: border-box
    }

    .alternate-head {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }

    .alternate-head .alternate-title {
        color: #fff;
        text-align: center;
    }

    .alternate-head .alternate-title .title-main {
        font-size: 36px;
        margin-bottom: 5px;
        letter-spacing: 2px;
    }

    .alternate-head .alternate-title .title-sub {
        font-size: 17px;
        letter-spacing: 5px;
    }

    .alternate-body {
        color: #fff;
        background-color: #000;
        min-height: calc(100vh - 140px);
        padding: 40px 0;
        background: center no-repeat;
        background-size: cover;
    }

    .wrap {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0 60px;
        position: relative;
    }

    .alternate-body .wrap .detail {
        flex: 1;
        width: 100%;
        padding: 0 40px;
    }

    .alternate-body table {
        width: 100%;
        margin-bottom: 20px;
    }

    .alternate-body table tr:nth-child(odd), table tr:nth-child(even) {
        background-color: initial;
    }

    .alternate-body table tr th, .alternate-body table tr td {
        padding: 10px 0;
        font-size: 14px;
        text-align: center;
        line-height: 1.4
    }

    .alternate-body table tr th .arrow, .alternate-body table tr td .arrow {
        height: 10px;
        margin: 0 5px;
    }

    .alternate-body table tr th {
        background-color: initial;
        font-size: 16px;
    }

    .alternate-body .title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 15px;
    }

    .alternate-body ul.num {
        line-height: 2;
        list-style-type: decimal;
        padding-left: 20px;
        font-size: 14px;
    }

    .alternate-body .list-item.url, .alternate-body .list-item.ping {
        background-color: #2b2826;
        border-radius: 3px;
        padding: 15px 5px;
    }

    .alternate-body .list-item.url {
        word-break: break-word;
    }

    .alternate-body .list-item.ping, .alternate-body .list-item.link {
        white-space: nowrap;
    }

    .alternate-body .list-item.ping .sign {
        border-radius: 50%;
        width: 10px;
        height: 10px;
        background-color: #b5b5b5;
        display: inline-block;
        transition: .3s ease;
    }

    .alternate-body .list-item.ping .sign.green {
        background-color: #2de48b;
    }

    .alternate-body .list-item.ping .sign.yellow {
        background-color: #fff134;
    }

    .alternate-body .list-item.ping .sign.red {
        background-color: red;
    }

    .alternate-body .go-btn {
        color: #fff;
        text-decoration: none;
    }

    .alternate-body .btn-refresh {
        display: block;
        padding: 20px 0;
        font-size: 18px;
        border-radius: 3px;
        cursor: pointer;
        text-align: center;
        text-decoration: none;
        margin-bottom: 20px;
    }

    @media only screen and (max-width: 768px) {
        .wrap {
            padding: 0 15px;
            flex-direction: column;
        }

        .alternate-body table tr th {
            font-size: 14px;
        }
    }

    @media only screen and (max-width: 900px) {
        .alternate-body {
            background: right no-repeat;
            background-size: center;
        }
        .alternate-body .wrap .detail {
            padding: 0 15px;
        }
    }

    @media only screen and (max-width: 450px) {
        .alternate-body .go-btn {
            margin-left: 10px;
        }

        .alternate-body .go-btn .is-mobile-hide {
            display: none;
        }

        .alternate-body table tr td {
            font-size: 12px;
        }

        .alternate-body .btn-refresh {
            padding: 15px;
            font-size: 16px;
        }
    }

    .animated {
        animation-duration: 1.7s;
    }

    @keyframes rotate {

    0
        {
            transform: rotate(0);
        }
    100%
        {
            transform: rotate(360deg);
        }
    }
    .round {
        animation-delay: 0s;
        animation-duration: 1s;
        animation-iteration-count: 3;
        animation-name: rotate;
        animation-play-state: play;
        animation-timing-function: linear;
    }

    .progressing {
        background: repeating-linear-gradient(-75deg, #443f3c, #443f3c 8%, #2b2826 8%, #2b2826 19%);
        -webkit-animation: progress 0.5s linear infinite;
        -moz-animation: progress 0.5s linear infinite;
        -ms-animation: progress 0.5s linear infinite;
        background-size: 150% 100%;
    }

    @keyframes progress {
        0% {
            background-position: 0 0;
        }
        100% {
            background-position: -120% 0;
        }
    }

    .progressing-after {
        background-color: #2b2826;
    }

    header {
        padding: 20px 0;
        background-color: #131211;
    }

    header .logo {
        width: 200px;
    }

    footer {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px;
        background-color: #131211;
        font-size: 12px;
        color: #757575;
    }

    body.is-h6 .alternate-body table tr th {
        color: #f3e071;
    }

    body.is-h6 .alternate-body .title {
        color: #f3e071;
    }

    body.is-h6 .alternate-body .go-btn:hover {
        color: #f3e071;
    }

    body.is-h6 .alternate-body .btn-refresh {
        color: #f3e071;
        border: 1px solid #f3e071;
    }

    body.is-h6 .alternate-body .btn-refresh:hover {
        background-color: #f3e071;
        color: #000;
    }

    body.is-f6 .alternate-body .go-btn {
        border: 1px solid #fff;
        background-color: #dd4949;
        color: #fff;
        padding: 7px 10px;
        font-size: 12px;
    }

    body.is-f6 .alternate-body .go-btn:hover {
        background-color: #bd3434;
    }

    body.is-f6 .alternate-body .btn-refresh {
        color: #fff;
        border: 1px solid #fff;
    }

    body.is-f6 .alternate-body .btn-refresh:hover {
        background-color: #dd4949;
    }