/*Default*/
/*公共 Begin*/
html, body, form {
    height: 100%;
}

html, body, div, p, h1, h2, h3, h4, h5, h6, span, ul, ol, dl, dt, dd, table, tr, td, fieldset {
    margin: 0;
    padding: 0;
}

body {
    font-family: Arial,Helvetica,LiHei Pro Medium;
    font-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-size: 13px;
    color: #333;
}

a {
    color: #26A3D2;
    cursor: pointer;
    text-decoration: none;
}

    a:hover {
        color: #659900;
    }

img {
    border: none;
}

input, textarea {
    resize: none;
}

ul, ol {
    list-style-type: none;
}

fieldset {
    border: 0;
}

.clear {
    clear: both;
}

input[type="text"], input[type="password"], textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3);
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    font-size: 13px;
    outline: medium none;
    padding: 5px;
}

h1 {
    font-size: 19px;
    letter-spacing: -1px;
}
/*公共 End*/

/*搜索条件外围区块*/
.DivSearchOuter {
    background: none repeat scroll 0 0 #3BB7DD; /*元素单元背景颜色*/
    padding: 5px; /*元素单元到内容之间距离*/
    border-radius: 5px 5px 5px 5px; /*元素单元边框圆角弧度(CSS3才支持)*/ /*margin: 0 0 10px 0; 元素单元与其它元素单元之间的距离*/
}
    /*搜索条件内层区块-上下文选择器：注意此写法需组合才生效*/
    .DivSearchOuter .DivSearchInner {
        background: none repeat scroll 0 0 #EEEEEE; /*元素单元背景颜色-通过不同区块背景色实现边框颜色效果*/
        border: 2px solid white; /*元素单元边框-宽度与颜色*/
        border-radius: 3px 3px 3px 3px; /*元素单元边框圆角弧度(CSS3才支持)*/
        padding: 5px; /*元素单元到内容之间距离*/
    }
/*搜索条件表格*/
.TableSearch {
    width: 100%; /*元素单元宽度：充满100%*/
    margin: 0 0 0 0;
    padding: 0 0 0 0; /*margin-top: 4px; 元素单元与其它元素单元之间的距离*/
}
    /*搜索条件表格-th表头元素*/
    .TableSearch th {
        white-space: nowrap; /*如何处理元素元素内的空白区域：不允许换行*/ /*padding-right: 4px;元素单元到内容之间距离*/
        margin: 0 0 0 0;
        padding: 0 0 0 0; /*margin-top: 4px; 元素单元与其它元素单元之间的距离*/
    }
    /*搜索条件表格-td单元格元素*/
    .TableSearch td {
        width: 100%; /*元素单元宽度：充满100%*/
        padding: 0px 2px 0px 0px; /*元素单元到内容之间距离*/
    }
        /*搜索条件表格-td单元格内文本框元素*/
        .TableSearch td input[type="text"] {
            width: 100%; /*元素单元宽度：充满100%*/
            padding-right: 0px; /*元素单元到内容之间距离*/
        }



a.g_submit {
    text-align: center;
    display: block;
    background-color: #8FBB26;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 10px 10px 10px;
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
}

a.g_submit2 {
    text-align: center;
    display: block;
    background-color: #2FB2DC;
    color: #FFFFFF;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 10px 10px 10px;
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
}

a.g_button {
    text-shadow: 1px 1px 1px #FFFFFF;
    text-align: center;
    display: block;
    background-color: #EEEEEE;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    padding: 10px 10px 10px 10px;
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
}

a.g_search {
    text-align: center;
    background-color: #2FB2DC;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding: 0 10px;
    background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0.2) 0%, rgba(255, 255, 255, 0.1) 100%);
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset, 0 2px 1px rgba(255, 255, 255, 0.5) inset, 0 1px 1px rgba(0, 0, 0, 0.3); /*     -moz-border-bottom-colors: none;     -moz-border-left-colors: none;     -moz-border-right-colors: none;     -moz-border-top-colors: none;     background: -moz-linear-gradient(center bottom , #09A3D4 12%, #31BCE2 50%) repeat scroll 0 0 #EEEEEE;     border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.1);     border-image: none;     border-radius: 5px 5px 5px 5px;     border-right: 1px solid rgba(0, 0, 0, 0.3);     border-style: solid;     border-width: 1px;     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);     clear: left;     max-height: 70px;     max-width: 240px;     padding: 5px 10px;     word-wrap: break-word;     cursor:pointer;     */
}

    a.g_search:hover {
        color: #FFFFFF;
    }

.g_title {
    margin: 10px 0 10px 0;
}

.g_searchBox /*搜索条件外围区块*/ {
    background: none repeat scroll 0 0 #3BB7DD; /*单元背景颜色*/
    padding: 5px; /*单元到内容之间距离*/
    border-radius: 5px 5px 5px 5px; /*圆角弧度(CSS3才支持)*/
    margin: 0 0 10px 0; /*单元与其它单元之间的距离*/
}

    .g_searchBox .searchOuter /*搜索条件内层区块-上下文选择器：注意此写法需组合才生效*/ {
        background: none repeat scroll 0 0 #EEEEEE; /*单元背景颜色-通过不同区块背景色实现边框颜色效果*/
        border: 2px solid white; /*单元边框-宽度与颜色*/
        border-radius: 3px 3px 3px 3px; /*圆角弧度(CSS3才支持)*/
        padding: 5px; /*单元到内容之间距离*/
    }

.g_box {
    background: none repeat scroll 0 0 #C7E6EF;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
    padding: 10px;
}

    .g_box h3 {
        font-size: 13px;
        font-weight: 700;
        height: 17px;
        margin: 0 !important;
        text-decoration: none;
        text-shadow: 0 1px 1px #FFFFFF;
        text-transform: none;
    }

.g_outer {
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
    padding: 10px;
    border: 1px solid #DDDDDD;
    position: relative;
}

.GoodsPicTable {
    display: table;
    width: 100%;
    height: 100%;
}
.GoodsPicCell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 0px solid #DDDDDD;
    height: 60px; /*需设置无图片时才能有此高度*/
    width:60px;
    padding: 5px;
}

.g_icon_arrow {
    background-image: url(icon_arrow_sm.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 7px;
    height: 8px;
}

.g_asc {
    background-position: -7px -16px;
    margin-left: 4px;
}

.g_desc {
    background-position: 0 -16px;
    margin-left: 4px;
}

.g_null {
    background-position: -16px -16px;
    margin-left: 4px;
}

#imagePreview {
    position: fixed;
    z-index: 9999;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #222;
    background-position: center center;
    background-repeat: no-repeat;
}

/*分页控件*/
.pager {
    font-size: 13px;
}

    .pager a, .pager .flip, .pager .curPage {
        display: inline-block;
        height: 22px;
        line-height: 22px;
        text-align: center;
    }

    .pager a {
        text-decoration: none;
        width: 16px;
    }

        .pager a:hover {
        }

    .pager .noPage {
        color: #A1B1B5;
    }

    .pager .curPage {
        color: #333333;
        text-decoration: underline;
        font-weight: bold;
        width: 16px;
    }

    .pager .flip {
        width: 46px;
    }

/*母板页*/
.g_stickyWrap {
    height: auto !important;
    margin: 0 auto -48px;
    min-height: 100%;
    padding: 0;
}

.g_footWrap {
    padding: 0 10px;
    text-shadow: 1px 1px 1px;
    height: 47px;
    line-height: 47px;
    background: none repeat scroll 0 0 #EEEEEE;
    border-top: 1px solid #DDDDDD;
    display: block;
    font-size: 11px;
    letter-spacing: -0.5px;
    position: relative;
    text-shadow: 1px 1px 1px #FFFFFF;
    z-index: 1;
}

.g_copyright {
    float: right;
}

.g_hdWrap {
    /*background-image: -moz-linear-gradient(center bottom , #09A3D4 12%, #31BCE2 50%);*/
    background: #31BCE2 url(bg.png) repeat-x 0 -176px;
    border-bottom: 1px solid #76C7E5;
    box-shadow: 0 1px 0 #1CA7D5 inset, 0 1px 2px #52BDDF inset;
    height: 65px;
    padding: 10px 0 0;
    width: 100%;
}

.g_logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/Image/logo.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 135px 43px;
    display: block;
    height: 43px;
    margin: 7px 10px 0 14px;
    width: 135px;
}

.g_loginBar {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
}

    .g_loginBar a {
        color: #333;
        text-decoration: underline;
        color: #fff;
    }

.g_theme {
    text-align: right;
    font-size: 12px;
}

.g_user {
    text-align: right;
    margin-top: 20px;
    font-size: 12px;
}

.g_content {
    margin: 0 10px;
}

.g_bc {
    line-height: 17px;
    position: relative;
}

    .g_bc ul {
        border-bottom: 1px solid #CCCCCC;
        margin: 0 0 10px;
        overflow: hidden;
        padding: 10px 0 5px;
        width: 100%;
    }

        .g_bc ul li {
            background-attachment: scroll;
            background-clip: border-box;
            background-color: transparent;
            background-image: url("icon_bc_divider.png");
            background-origin: padding-box;
            background-position: left 4px;
            background-repeat: no-repeat;
            background-size: 4px 9px;
            color: #333333;
            float: left;
            font-size: 11px;
            margin: 0 7px 0 0;
            padding: 0 0 0 10px;
        }

/*登录页*/
.l_hdWrap {
    /*background-image: -moz-linear-gradient(center bottom , #09A3D4 12%, #31BCE2 50%);*/
    background: #31BCE2 url(bg.png) repeat-x 0 0;
    border-bottom: 1px solid #76C7E5;
    box-shadow: 0 1px 0 #1CA7D5 inset, 0 1px 2px #52BDDF inset;
    height: 165px;
    padding: 10px 0 0;
    width: 100%;
}

.l_content {
    margin: -110px 10px 0 10px;
}

.l_content_push {
    height: 47px;
}

.l_loginWrap {
    border: 1px solid #55C1E5;
    background: none repeat scroll 0 0 #3BB7DD;
    padding: 0 9px 5px;
    border-radius: 5px 5px 5px 5px;
    margin: 0 0 10px;
}

.l_md {
    color: #FFFFFF;
    padding: 10px 10px 5px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

    .l_md h1 {
        text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
        font-size: 15px;
    }

.l_m_content {
    background: none repeat scroll 0 0 #CAE8F0;
    border: + 2px solid white;
    border-radius: 3px 3px 3px 3px;
    margin: 5px 0;
    padding: 8px;
}

.l_field {
    padding: 0 12px 0 0;
}

    .l_field label {
        font-weight: 700;
        text-shadow: 0 1px 1px #FFFFFF;
        font-size: 13px;
    }

    .l_field input[type="text"], .l_field input[type="password"] {
        margin-top: 4px;
        font-size: 11px;
        margin-bottom: 10px;
        width: 100%;
    }

.l_login {
    margin-top: 25px;
}

/*首页*/
.d_nav {
    width: 100%;
}

    .d_nav td {
        padding: 3px;
    }

    .d_nav p {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .d_nav a {
        display: block;
        border-radius: 5px 5px 5px 5px;
        padding: 5px;
    }
/*
2012-12-09:因采用图片模式，将单元格边框去掉
.d_nav a { display: block; border: 2px solid #CAE8F0; border-radius: 5px 5px 5px 5px; padding: 5px; }
*/
/*
.d_nav li { margin-top: 15px; }
.d_nav li a { display: block; border: 2px solid #CAE8F0; border-radius: 5px 5px 5px 5px; padding: 5px; }
*/

/*商品排行榜*/
.sp_rptType label {
    margin-right: 5px;
}

.sp_dateBox {
    width: 100%;
    margin-top: 4px;
}

    .sp_dateBox th {
        white-space: nowrap;
        padding-right: 4px;
    }

    .sp_dateBox td {
        width: 100%;
        padding: 2px 0;
    }

        .sp_dateBox td input[type="text"] {
            width: 94%;
        }

.sp_goods_img {
    border: 1px solid #E1E1E1;
    display: block;
    padding: 2px;
    position: absolute;
    left: 10px;
    top: 10px;
    font-size: 0;
}

    .sp_goods_img img {
        width: 80px;
        height: 80px;
    }

.sp_goods_filed {
    font-size: 12px;
    padding-left: 95px;
}

    .sp_goods_filed h3 {
        color: #26A3D2;
        font-size: 15px;
    }

    .sp_goods_filed fieldset {
        color: #666;
        margin-top: 5px;
    }

    .sp_goods_filed .title {
        width: 40px;
        display: inline-block;
    }

    .sp_goods_filed .value {
        width: 50px;
        display: inline-block;
        text-align: right;
    }

.sp_sortField {
    overflow: hidden;
    font-size: 10px;
    font-weight: 700;
    text-shadow: 0 1px 0 #FFFFFF;
    margin-top: 5px;
}

    .sp_sortField a {
        margin-right: 5px;
    }

        .sp_sortField a.current {
            color: #333;
        }

/*商品图片管理*/
.gp_field {
    padding: 0 12px 0 0;
}

    .gp_field label {
        font-weight: 700;
        text-shadow: 0 1px 1px #FFFFFF;
        font-size: 13px;
    }

    .gp_field input {
        font-size: 11px;
        margin-bottom: 10px;
        margin-top: 4px;
        width: 100%;
    }

.gp_save {
    margin: 10px 0 20px 0;
}

/*分店销售排行榜*/
.fd_searchBox {
    width: 100%;
}

    .fd_searchBox th {
        white-space: nowrap;
        padding-right: 4px;
    }

    .fd_searchBox td {
        width: 100%;
        padding: 2px 0;
    }

        .fd_searchBox td input[type="text"] {
            width: 94%;
        }

.fd_data {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    word-break: break-all;/*2022-02-21：调整折行模式，因畅销商品增加图片导致商品名称可能与数量重叠*/
}

    .fd_data th {
        padding-bottom: 3px;
    }

    .fd_data td {
        border-top: 1px solid #DDDDDD; /*padding: 4px 0;*/
    }

    .fd_data tbody tr {
        /* 调整为只有分店列可点击穿透报表 cursor: pointer; */
    }

        .fd_data tbody tr:hover, .fd_data tbody tr.sel {
            background: #EEEEEE;
        }

.fd_dataDetail {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .fd_dataDetail th {
        padding-bottom: 3px;
        cursor: pointer;
    }

    .fd_dataDetail td {
        border-top: 1px solid #DDDDDD;
        padding: 4px 0;
    }

.fd_branch {
    float: left;
    margin: 0 0 5px 5px;
}

.fd_goback {
    float: right;
    margin: 0 5px 5px 0;
}
/*网格数据表头head*/
.grid_head_row {
    background-color: #FFFFCC;
    font-weight: bold;
}
/*网格数据表脚foot*/
.grid_foot_row {
    background-color: #FFFFCC;
    font-weight: bold;
}

.box {
    /*非IE的主流浏览器识别的垂直居中的方法*/
    display: table-cell;
    vertical-align: middle; /*设置水平居中*/
    text-align: center; /* 针对IE的Hack */
    display: block;
    font-size: 175px; /*约为高度的0.873，200*0.873 约为175*/
    font-family: Arial; /*防止非utf-8引起的hack失效问题，如gbk编码*/ /*width:200px;         height:200px;*/
    border: 1px solid #eee;
}

    .box img {
        /*设置图片垂直居中*/
        vertical-align: middle;
        text-align: center;
    }
/*2014-11-23:TODO*/
/*依据屏幕大小动态显示分店名称列宽*/
/*设置了浏览器宽度不大于500px时*/
@media screen and (max-width: 500px) {
    .gridBranchWidthDynamic {
        width: 100px;
    }
}
/*设置了浏览器宽度不小于1200px时*/
@media screen and (min-width: 1200px) {
    .gridBranchWidthDynamic {
        width: 100px;
    }
}