﻿#timebox {
    width: 80%;
}

    #timebox .title {
        padding: 3% 0;
        font-size: 120%;
        font-weight: 700;
        text-indent: 5%;
        border-bottom: 1px solid;
    }

    #timebox .b0 {
        line-height: 0;
        padding: 7% 0;
        text-align: center;
    }

        #timebox .b0 span {
            font-weight: 700;
        }

    #timebox .block {
        float: left;
        margin: 0 5%;
        padding-top: 41%;
    }

        #timebox .block:before {
            content: close-quote;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 33.3%;
            /*background: -webkit-linear-gradient(top, rgba(204,204,204,0.5), rgba(255,255,255,0) 60%);*/
            border-bottom: 1px solid #458eee;
        }

        #timebox .block:after {
            content: close-quote;
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 33.3%;
            /*background: -webkit-linear-gradient(bottom, rgba(204,204,204,0.5), rgba(255,255,255,0) 60%);*/
            border-top: 1px solid #458eee;
            z-index: -1;
        }

        #timebox .block .warpper {
            overflow-y: auto;
        }


        #timebox .block span {
            display: block;
            line-height: 0;
            padding: 30% 0;
            text-align: center;
            font-size: 110%;
        }

    #timebox .b1 {
        padding: 2% 8%;
        overflow-y: auto;
    }

        #timebox .b1 .block {
            width: 23.3%;
        }

    #timebox .b2 {
        padding: 4% 25%;
        overflow-y: auto;
    }

        #timebox .b2 .block {
            width: 40%;
            padding-top: 71%;
        }

    #timebox .bottom {
        padding: 3% 0;
        text-align:center;
    }

        #timebox .bottom a {
            margin: 0 7%;
            border-width: 1px;
            border-style: solid;
        }

            #timebox .bottom a:first-child {
            }

            #timebox .bottom a:last-child {
                color: #fff;
            }
