table {
	*border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;
    margin:auto;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc;
    -moz-box-shadow: 0 1px 1px #ccc;
    box-shadow: 0 1px 1px #ccc;
}
tr:nth-of-type(odd) { background: #FCFCFC; }
table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
table td, table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px;
    text-align: left;
}
table th {
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
    background-image: linear-gradient(top, #ebf3fc, #dce9f9);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
table td:first-child, table th:first-child { border-left: none; }
table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}
table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}
table th:only-child {
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}
table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}
table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

@media  only screen and (max-width: 760px),  (min-device-width: 768px) and (max-device-width: 1024px) {
    table, thead, tbody, th, td, tr,caption { display: block; }
    thead tr,  tr:nth-of-type(1) {
        display:none;
    }
    table { border: 0; width:auto;}
    table tr {
        margin-bottom: 10px;
        border: 1px solid #ddd;
        border-bottom: 2px solid #ddd;
        border-radius:6px;
    }
    table td {
        border:none;
        border-bottom: 1px dotted #ccc;
        position: relative;
        padding-left: 3em;
    }
    td:nth-of-type(2) { border-bottom: none; }
    /*tr:nth-of-type(odd) { background-color:transparent; }*/
    td:before {
        position: absolute;
        top: 8px;
        left: 8px;
        width: 3em;
        white-space: nowrap;
        font-weight: bold;
        font-size:smaller;
    }
    td:nth-of-type(1):before { content: "函数:"; }
    td:nth-of-type(2):before { content: "描述:";}
}

