普通面板使用说明：
html：
<div class="panel-blue">
    <h3><span>Introdution to Anatomy and Physiology</span></h3>
    <div>
        <span>
        Principles & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & TerminologyPrinciples & Terminology
        </span>
    </div>
</div>

带链接面板使用说明：
html：
<div class="panel-blue">
    <h3><span>Introdution to Anatomy and Physiology</span></h3>
    <div>
        <span>
            <a href="javescript:void(0)">Principles & Terminology</a>
            ………
        </span>
    </div>
</div>

带表格面板使用说明：
html：
<div class="panel-blue bottom10">     <h3><span>Introdution to Anatomy and Physiology</span></h3>
    <div>
        <table class="grey">
            <thead>
                <tr>
                    <td width="30"><div class="checkbox" onclick="t_checkbox(this)"><input name="" type="checkbox"></div></td>
                    <td>SearchResults . Apple<br>Awesome Company Inc.</td>
                    ………
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td><div class="checkbox" onclick="t_checkbox(this)"><input name="" type="checkbox"></div></td>
                    <td>SearchResults . Apple<br>Awesome Company Inc.</td>
                    ………
                </tr>
                    ………
            </tbody>
            <tfoot>
                <tr>
                    <td colspan="2"></td>
                </tr>
            </tfoot>
        </table>
    </div>
</div>

css:
所有面板只需调用一个样式即可
蓝色:panel-blue
深灰色:panel-darkGrey
深蓝色:panel-gblue

带表格面板，里面表格可直接调用表格组件 点击查看表格组件