﻿

#main {
    width: 90%; /*old 100%*/
    text-align: center;
    margin: 0 auto;
}

#Menu {
    text-align: center;
    float: left
}

#div_menu {
    border: solid 1px teal;
    position: absolute;
    background: #d3d3d3;
    float: left;
    left: 0px; /*old left:23%;*/
    top: 33px;
    width: 100%;
    height: 100%; /*old 74%;*/
    z-index: 999;
}

/* grade */
.grade-eject{
    position:absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.grade-eject ul{
    margin: 0;
    padding: 0;
    overflow: auto;
    height: 100%;
    width:100%;
}
.grade-eject ul li{
    line-height: 3rem;
    font-size:15px;
    padding-left: 1rem;
    border-bottom: solid 1px #eee;
}
.grade-eject ul.grade-w{
    background: #C0C0C0;
    position: absolute;
    z-index: 2;
    width:100%;
    height:100%; /*old 600px;*/
}
.grade-eject ul.grade-t{
    background: #d3d3d3;
    position: absolute;
    z-index: 2;
    width:100%;
    left: 25%;  /*old 50px; new 25%*/
    height:100%; /*old 600px;*/
}
.grade-eject ul.grade-t>li{
    border-bottom: solid 1px #fff;
}
.grade-eject ul.grade-s{
    background: #ddd;
    position: absolute;
    z-index: 3;
    left: 60%; /*old 100%; new 60%*/
    list-style-type: none;
    width:100%;
    height:100%; /*old 600px;*/
    line-height:inherit;
}
.grade-eject ul.grade-s>li{
    border-bottom: solid 1px #eee;
    margin-left: 1rem;
    padding: 0;
}

.grade-eject2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .grade-eject2 ul {
        margin: 0;
        padding: 0;
        overflow: auto;
        height: 100%;
        width: 100%;
    }

        .grade-eject2 ul li {
            line-height: 3rem;
            font-size: 15px;
            padding-left: 1rem;
            border-bottom: solid 1px #eee;
        }

        .grade-eject2 ul.grade-w {
            background: #C0C0C0;
            position: absolute;
            z-index: 2;
            width: 100%;
            height: 100%; /*old 600px;*/
        }

        .grade-eject2 ul.grade-t {
            background: #d3d3d3;
            position: absolute;
            z-index: 2;
            width: 100%;
            left: 25%; /*old 50px; new 25%*/
            height: 100%; /*old 600px;*/
        }

            .grade-eject2 ul.grade-t > li {
                border-bottom: solid 1px #fff;
            }

        .grade-eject2 ul.grade-s {
            background: #ddd;
            position: absolute;
            z-index: 3;
            left: 60%; /*old 100%; new 60%*/
            list-style-type: none;
            width: 100%;
            height: 100%; /*old 600px;*/
            line-height: inherit;
            overflow:hidden;
        }

            .grade-eject2 ul.grade-s > li {
                border-bottom: solid 1px #eee;
                margin-left: 1rem;
                padding: 0;
            }

#divFind {
    border: solid 1px teal;
    position: absolute;
    background: #d3d3d3;
    float: left;
    left: 0px; /*old left:23%;*/
    top: 33px;
    width: 100%;
    height: 100%; /*old 74%;*/
    z-index: 1;
    text-align: left;
}
.divFind ul.grade-find{
    background: #eee;
    position: absolute;
    z-index: 3;
    width:100%;
}
.grade-find li{
    margin-left:-30px;
    line-height: 3rem;
    font-size:15px;
    padding-left: 1rem;
    border-bottom: solid 1px #fff;
}

.divFind ul.grade-history{
    background: #eee;
    position: absolute;
    z-index: 3;
    width:100%;
    height:25%;
}
.grade-history li{
    margin-left:-30px;
    line-height: 3rem;
    font-size:15px;
    padding-left: 1rem;
    border-bottom: solid 1px #fff;
}
.divFind ul.grade-hot{
    background: #eee;
    position: absolute;
    z-index: 3;
    width:100%;
    height:25%;
}
.grade-hot li{
    margin-left:-30px;
    line-height: 3rem;
    font-size:15px;
    padding-left: 1rem;
    border-bottom: solid 1px #fff;
}

#dl_IndustryList {
    width:25%;
}
#div_tbfindApp {
    height:22px;
    margin-top:-22px; 
    width:60%;
    margin-left:26%;
}

.zzsc p {
    width: 100%;
    height: 24px;
}

.zzsc {
    width: 100%;
    margin: 20px auto;
    position: fixed;
}

    .zzsc ul {
        width: 180px;
        margin-top: 2px;
        position: fixed;
        display: none
    }

.tab1 {
    width: 401px;
    border-top: #cccccc solid 1px;
    border-bottom: #cccccc solid 1px;
    margin: 50px auto 0 auto;
}

.menu {
    height: 28px;
    border-right: #cccccc solid 1px;
}

    .menu li {
        float: left;
        width: 99px;
        text-align: center;
        line-height: 28px;
        height: 28px;
        cursor: pointer;
        border-left: #cccccc solid 1px;
        color: #666;
        font-size: 14px;
        overflow: hidden;
        background: #E0E2EB;
    }

        .menu li.off {
            background: #FFFFFF;
            color: #336699;
            font-weight: bold;
        }

.menudiv {
    height: 200px;
    border-left: #cccccc solid 1px;
    border-right: #cccccc solid 1px;
    border-top: 0;
    background: #fefefe;
}

    .menudiv div {
        padding: 15px;
        line-height: 28px;
    }

.clear {
    clear: both;
}

.tabs-title {
    font-size: 14px;
    color: #005f87;
}

.tabs-wrap {
    background-color: #dfe6ed;
}
#div_lotReplace table {
    border: solid #98c0dd;
    border-width: 1px 0px 0px 1px;
    margin-left: 5px;
    height: 280px;
    width: 580px;
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 0px;
}

#div_lotReplace td {
    border: solid #98c0dd;
    border-width: 0px 1px 1px 0px;
    padding: 0px 5px;
}

.RepLot_td {
    height: 30px;
    color: teal;
    font-weight: bold;
    font-size: 14px;
    height: 22px;
    width: 150px;
    vertical-align: central;
}