/* PRIMARY LAYOUT ELEMENTS   5c7fa1
----------------------------------------------------------*/

.b4b_Page {
    width: 98%;
    margin: 0px auto 0 auto;
    padding: 0;
    /*border: 1px solid #496077;*/
}

    .b4b_Page a {
        font-weight: bold;
    }

        .b4b_Page a:hover {
            text-decoration: none;
            color: #ee3300;
        }
/*页头控制——开始*/
.b4b_Header {
    position: relative;
    margin: 0;
    padding: 0;
    top: 0px;
    left: 0px;
}
.b4b_Logo 
{
    width: 32px;
    padding-top:4px;
}
    .b4b_Header .title {
        width: 99%;
        margin: 0 auto;
        border: none;
    }
    
        .b4b_Header .title .title1 {
            width: 50px;
            font-weight: bolder;
            color: #104a65;
            font-size: 23px;
        }

        .b4b_Header .title .title2 {
            font-weight: bold;
            text-align: left;
            padding-left: 3px;
            color: #1d1e1e;
            vertical-align: middle;
        }
/*页头控制——结束*/


.mainIframe {
    margin: auto;
}

/*导航栏——开始*/
.b4b_DivSearchBar {
    padding-right: 10px;
    clear: both;
}
.DivSearchBar 
{
    margin-top:3px
}
/*导航栏——结束*/
/*表格*/
.b4b_DivSearchResult {
    margin: 0;
    padding: 0 3px;
}

.mainContent {
    margin: 2px 5px;
    background-color: white;
    /*margin-left:10px;*/
    /*padding: 5px;*/
}

.footer {
    color: #4e5766;
    padding-top: 8px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/



/* FORM ELEMENTS   
----------------------------------------------------------*/


/* MISC  
----------------------------------------------------------*/

.clear {
    clear: both;
}


/* EDI接口标题栏样式*/

@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon/icomoon.eot?pvm5gj');
    src: url('../fonts/icomoon/icomoon.eot?#iefixpvm5gj') format('embedded-opentype'), url('../fonts/icomoon/icomoon.woff?pvm5gj') format('woff'), url('../fonts/icomoon/icomoon.ttf?pvm5gj') format('truetype'), url('../fonts/icomoon/icomoon.svg?pvm5gj#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Icons created with icomoon.io/app */

.tabs {
    position: relative;
    overflow: hidden;
    margin: 1em 0 2em;
    font-weight: 300;
      width:auto;
      font-size:14px;
}

    /* Nav */
    .tabs nav {
        margin-top: 10px;
        width: inherit;
    }

        .tabs nav ul {
            padding: 0;
            margin: 0;
            list-style: none;
            display: inline-block;
        }

            .tabs nav ul li {
                border: 1px solid #3A80D6;
                border-bottom: none;
                margin: 0 0.25em; /*display: block;*/
                float: left;
                position: relative;
            }

        .tabs nav li.tab-current {
            border: 1px solid #3A80D6;
            box-shadow: inset 0 2px #3A80D6;
            border-bottom: none;
            z-index: 100;
        }

            .tabs nav li.tab-current:before,
            .tabs nav li.tab-current:after {
                content: '';
                position: absolute;
                height: 1px;
                right: 100%;
                bottom: 0;
                width: 2000px;
                background: #3A80D6;
            }

            .tabs nav li.tab-current:after {
                right: auto;
                left: 100%;
                width: 4000px;
            }

        .tabs nav a {
            color: #3A80D6;
            display: block;
            font-size: 0.9em;
            font-weight: 500;
            line-height: 2.5;
            padding: 0 1.2em;
            white-space: nowrap;
        }

            .tabs nav a:hover { /*color: #768e9d;*/
                font-size: 0.92em;
                color: #3A80D6;
                font-weight: 700; /*font-size:18px;*/
            }

        .tabs nav li.tab-current a {
            color: #3A80D6;
        }

        /* Icons */
        .tabs nav a:before {
            display: inline-block;
            vertical-align: middle;
            text-transform: none;
            font-weight: normal;
            font-variant: normal;
            font-family: 'icomoon';
            line-height: 1;
            speak: none;
            -webkit-font-smoothing: antialiased;
            margin: -0.25em 0.4em 0 0;
        }

.icon-food:before {
    content: "\e600";
}

.icon-lab:before {
    content: "\e601";
}

.icon-cup:before {
    content: "\e602";
}

.icon-truck:before {
    content: "\e603";
}

.icon-shop:before {
    content: "\e604";
}

.icon-Paipai:before {
    content: "\e605";
}

/* Content */
.content section {
    font-size: 0.9em;
    /*padding: 2em 1em;*/
    display: none;
    max-width: 100%;
    margin: 0 auto;
}

    .content section:before,
    .content section:after {
        content: '';
        display: table;
    }

    .content section:after {
        clear: both;
    }

/* Fallback example */
.no-js .content section {
    display: block;
    /*padding-bottom: 2em;*/
    border-bottom: 1px solid #47a3da;
}

.content section.content-current {
    display: block;
}


/* Example media queries */

@media screen and (max-width: 52.375em) {
    .tabs nav a span {
        display: none;
    }

    .tabs nav a:before {
        margin-right: 0;
    }
}

@media screen and (max-width: 32em) {
    .tabs nav ul,
    .tabs nav ul li a {
        width: 100%;
        padding: 0;
    }

        .tabs nav ul li {
            width: 100%;
            float: left; /*width: calc(20% + 1px);*/ /*margin: 0 0 0 -1px;*/
        }

            .tabs nav ul li:last-child {
                border-right: none;
            }
}