html, body {
    margin: 0;
    padding: 0;
    outline: none;
}

body {
    background-color: #fff8f8;
}

#banner > img {
    display: block;
    margin: 0 auto;
    margin-top: 6%;
}

#banner > h1 {
    text-align: center;
    font-weight: normal;
}

#btn {
    padding-top: 10px;
}

.btnbox {
    list-style: none;
    width: 60%;
    margin: 0 auto;
    overflow: hidden;
}

    .btnbox > li {
        width: 100px;
        float: left;
        margin: 0 8%;
    }

        .btnbox > li > button {
            width: 100%;
            background-color: #ff4d4a;
            border: 0;
            border-radius: 20px;
            outline: none;
        }

            .btnbox > li > button > a, .btnbox > li > button > a:hover,
            .btnbox > li > button > a:visited, .btnbox > li > button > a:focus,
            .btnbox > li > button > a:active {
                text-decoration: none;
                color: #fff;
                font-size: 16px;
                line-height: 30px;
            }

#urlbox {
    padding-top: 50px;
}

    #urlbox ul {
        list-style: none;
        width: 60%;
        margin: 0 auto;
        overflow: hidden;
    }

    #urlbox > ul > li {
        float: left;
        width: 40%;
        line-height: 2;
        padding-left: 10%;
    }