/*面包屑使用格式：
<ul class="breadcrumb st_breadcrumb"><li><a></a></li></ul>
*/

.st_breadcrumb {
    background-color: #C3EBE6;
    margin-bottom: 10px;
}

.st_breadcrumb a {
    color: #333;
}

.st_breadcrumb a:hover {
    color: #04675A;
    text-decoration: none;
}

.st_righttitle {
    position: absolute;
    right: 26px;
    top: 113px;
}


/*tabs标签内容使用格式：
<div tabset class="st_r_tab_reset">
    <div tab heading="标签一">
        <div class="tab-pane active tab-content st_tab-content st_p-v-10 st_p-h-5"></div>
    </div>
    <div tab heading="标签二">
        <div class="tab-pane tab-content st_tab-content st_p-v-10 st_p-h-5"></div>
    </div>
</div>
*/

.st_tab-content {
    border: 1px solid #ddd;
    border-top: 1px solid transparent;
    background-color: #F4FBFA;
}


/*表单格式使用格式：
<div class="st_m-b-20 st_p-10 st_bg-form st_bd-form">
    <ul class="st_clf st_m-l-0">
        <li class="st_il-bl st_p-v-5 st_w-p33">
            <span class="st_tb-tilte">标题：</span>
            <span class="st_tb-info">文字内容，不是控件</span>
        </li>
        <li class="st_il-bl st_p-v-5 st_w-p99">
            <span class="st_tb-tilte">标题：</span>
            <textarea st-R-Form-Clear  rows="3" class="st_w-p80 st_no-resize" placeholder="enter text..."></textarea>
        </li>
    </ul>
</div>
*/

.st_tb-tilte {
    display: inline-block;
    float: left;
    width: 100px;
    text-align: right;
}

.st_tb-info {
    display: block;
    margin-left: 100px;
}

.st_ipt-label {
    display: inline-block;
    width: 72px;
    text-align: right;
    /*margin-top: 5px;*/
}


/*列表表格使用格式：
<table class="table table-bordered table-condensed st_table-list">
    <thead><tr><th class="st_th-title"></th></tr></thead>
    <tbody><tr><td></td></tr></tbody>
</table>
*/

.st_table-list .st_th-title {
    background-color: #D0EFEB;
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

.st_table-list td {
    text-align: center;
    line-height: 20px;
    vertical-align: middle;
}

.st_table-list tbody tr:hover {
    background-color: #D5F4FE;
}


/*普通按钮使用格式：
<button class="st_btn st_btn-primary" type="button">按钮</button>
*/

.st_btn {
    display: inline-block;
    background-color: #aaa;
    color: #fff;
    font-size: 12px;
    padding: 5px 10px;
    margin: 0 3px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    letter-spacing: 1px;
}

.st_btn:hover {
    background-color: #bbb;
    color: #fff;
    text-decoration: none;
}

.st_btn-primary {
    background-color: #F8910E;
}

.st_btn-primary:hover {
    background-color: #F7A53C;
}

.st_btn-small {
    padding: 3px 5px;
}

.st_btn-large {
    padding: 6px 20px;
}


/*上传按钮使用格式：
<span class="st_file-btn">
    <button class="st_btn st_btn-primary" type="button">上传</button>
    <input class="file-btn" type="file" name="" value="" placeholder="">
</span>
*/

.st_file-btn {
    position: relative;
}

.st_file-btn .file-btn {
    position: absolute;
    left: 0;
    top: -5px;
    width: 50px;
    opacity: 0;
    filter: alpha(opacity=0);
}

.st_datepicker {
    display: inline-block;
}


/*分页使用格式
<div class="st_pagenav st_p-v-10">
    <span class="st_msg st_t-c st_p-h-10">第<em>1</em>页 共<em>50</em>页 每页<em>20</em>条 共<em>1000</em>条数据</span>
    <div class="st_page">
        <a class="st_page-grey" href="javascript:;">首页</a>
        <a class="st_page-grey" href="javascript:;">上一页</a>
        <a class="st_page-cur" href="javascript:;">1</a>
        <a href="javascript:;" data="2">2</a>
        <a href="javascript:;" data="3">3</a>
        <a href="javascript:;" data="4">4</a>
        <span>...</span>
        <a href="javascript:;" data="50">50</a>
        <a href="javascript:;" data="2">下一页</a>
        <a href="javascript:;" data="50">末页</a>
    </div>
</div>
*/

.st_pagenav .st_msg {
    float: left;
    width: 35%;
}

.st_pagenav .st_msg em {
    color: #3ca899;
    padding: 0 2px;
    font-style: normal;
}

.st_pagenav .st_page a {
    display: inline-block;
    height: 16px;
    margin: 0 2px;
    padding: 2px 7px;
    line-height: 16px;
    overflow: hidden;
    vertical-align: top;
    border: 1px solid #3ca899;
    color: #3ca899;
    text-decoration: none;
    background: #fff;
}

.st_pagenav .st_page .st_page-cur,
.st_pagenav .st_page a:hover {
    background-color: #3ca899;
    color: #fff;
}

.st_pagenav .st_page .st_page-grey,
.st_pagenav .st_page .st_page-grey:hover {
    border-color: #bbb;
    color: #bbb;
    background: #fff;
    cursor: default;
}


/* 产品子类型*/

.st_r_info-block {
    margin-bottom: 30px;
}

.st_r_info-body {
    border-right: 1px solid #ddd;
    border-top: 1px solid #ddd;
    width: 100%;
    display: table;
}

.st_r_info-body input,
.st_r_info-body select {
    margin-bottom: 0px;
}

.st_r_title {
    height: 28px;
    color: #333;
    line-height: 28px;
    font-size: 14px;
    font-weight: 600;
}

.st_r-row {
    display: table-row;
}

.st_r-row>div {
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    text-align: center;
    padding: 5px;
    min-width: 129px;
}

.st_r_3 .st_r-row>div {
    width: 16.666666%;
}

.st_r_2 .st_r-row>div {
    width: 25%;
}

.st_r_info-left {
    background-color: #D0EFEB;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.st_r_info-right {
    text-align: left!important;
    background-color: #fff;
}

/* tabs */


/* 
<div class="st_a_listTabs">
    <ul class="st_clf st_m-0">
        <li class="active"><a href="javascript:;"><span>综合<em>920</em></span></a></li>
        <li><a href="javascript:;"><span>申请中<em>4</em></span></a></li>
        <li><a href="javascript:;"><span>暂缓订单<em>69</em></span></a></li>
        <li><a href="javascript:;"><span>审批中<em>41</em></span></a></li>
        <li><a href="javascript:;"><span>待支付<em>0</em></span></a></li>
        <li><a href="javascript:;"><span>出票中<em>17</em></span></a></li>
        <li><a href="javascript:;"><span>已出票<em>733</em></span></a></li>
        <li><a href="javascript:;"><span>已取消<em>56</em></span></a></li>
    </ul>
</div>
 */

.st_a_listTabs {
    margin-bottom: 10px;
    border-bottom: 2px solid #3ca899;
    overflow: hidden;
}

.st_a_listTabs li {
    height: 32px;
    margin-left: -1px;
    float: left;
    display: inline;
    font-size: 14px;
}

.st_a_listTabs li a {
    display: block;
    padding: 0 15px;
    float: left;
    vertical-align: middle;
}

.st_a_listTabs li span {
    display: block;
    height: 32px;
    float: left;
    line-height: 32px;
    cursor: pointer;
}

.st_a_listTabs li span em {
    color: #ff5400;
    cursor: pointer;
    font-style: normal;
}

.st_a_listTabs .active {
    background: #3ca899;
    position: relative;
    z-index: 2;
    font-weight: bold;
}

.st_a_listTabs .active span {
    background: #3ca899;
    color: #fff;
    border-radius: 15px;
}

.st_a_listTabs .active span em {
    color: #fff;
    font-weight: normal;
}


/* sibeBar */

.st_s_expandDiv {
    width: 12px;
    height: 46px;
    position: fixed;
    top: 50%;
    z-index: 10;
    cursor: pointer;
}

.st_s_expand {
    background: url(../images/sidebar/main_dian_open.jpg) no-repeat;
    width: 4px;
    height: 46px;
    display: inline-block;
}

.st_s_collapseDiv {
    width: 12px;
    height: 46px;
    position: fixed;
    top: 50%;
    left: 161px;
    z-index: 10;
    cursor: pointer;
}

.st_s_collapse {
    background: url(../images/sidebar/main_dian_down.jpg) no-repeat;
    width: 4px;
    height: 46px;
    display: inline-block;
}