@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
    margin: 0;
    padding: 0;
}

audio, canvas, video {
    display: inline-block;
}

html {
/*    font-family: sans-serif;*/
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
}

a {
    background: transparent;
    text-decoration: none;
    color: #666;
}

    a:focus {
        outline: thin dotted;
        color: #666;
    }

    a:active, a:hover {
        outline: 0;
        color: #333;
    }

img {
    max-width: 100%;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

small {
    font-size: 80%;
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

fieldset {
    padding: 0.35em 0.625em 0.75em;
    margin: 0 2px;
    border: none;
}

legend {
    padding: 0;
    border: 0;
}

button, input, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
}

button, input {
    line-height: normal;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

textarea {
    overflow: auto;
    vertical-align: top;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
/*    font-size: 12px;*/
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
/*    font-size: 12px;*/
    line-height: 1.428571429;
    /*color: #333;*/
    background-color: #fff;
}

input, button, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .container:before, .container:after {
        display: table;
        content: "";
    }

    .container:after {
        clear: both;
    }

    .container:before, .container:after {
        display: table;
        content: "";
    }

    .container:after {
        clear: both;
    }

/*@media (min-width:768px) {
    .container, h1 {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container, h1 {
        width: 970px;
    }
}

@media (min-width:1200px) {
    .container, h1 {
        width: 1170px;
    }
}
*/
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}

p {
    margin: 0 0 10px;
}

small, .small {
    font-size: 85%;
}

cite {
    font-style: normal;
}

abbr[title], abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999;
}

h1 {
    text-indent: -9999px;
    background: url(../i/logo2.png) no-repeat;
    width: 288px;
    height: 59px;
    margin: 10px 0 20px 30px; /* margin:10px auto 20px;*/
    cursor: pointer;
}
.logo2{
	
}
/*nav*/
.collapse {
    display: none;
}
/*手机导航时点击菜单之后隐藏*/
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}
/*js*/
.navbar-default .navbar-collapse {
    border-color: #E6E6E6;
}
/*导航mobile时,border-bottom颜色*/
.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}
/*下拉菜单下箭头小三角*/
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    background-clip: padding-box;
}
.dropdown-menu .divider {
        height: 1px;
        margin: 0 0;
        overflow: hidden;
        background-color: #e5e5e5;
    }

    .dropdown-menu > li > a {
        display: block;
        padding: 5px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        color: #5E5D6F;
        white-space: nowrap;
        font-size: 13px;
    }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
            color: #f60;
            text-decoration: none; /*background-color:#f6f6f6*/
        }

        .dropdown-menu > li > a:hover, .dropdown-menu > li > a:visit {
            color: #262626;
        }

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        color: #fff;
        text-decoration: none;
        background-color: #428bca;
        outline: 0;
    }

.dropdown-header {
    margi: 0;
    color: #666;
    background-color: #f1f1f1;
    padding: 5px 0 5px 5px;
}

.dropdown-menu .active2 {
    color: #f60;
}

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}
/*header*/
.navbar-default {
    background-color: #21477F;
    border-color: #E6E6E6;
    font-size: 14px;
}

.navbar-static-top {
    z-index: 1000;
    border-width: 0 0 1px;
}
/*导航border-bottom 1px*/
.navbar-header:before, .navbar-header:after {
    display: table;
    content: "";
}

.navbar-header:after {
    clear: both;
}

.navbar-header:before, .navbar-header:after {
    display: table;
    content: "";
}

.navbar-header:after {
    clear: both;
}

.container > .navbar-header {
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-collapse {
    max-height: 600px;
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch;
}

    .navbar-collapse:before, .navbar-collapse:after {
        display: table;
        content: "";
    }

    .navbar-collapse:after {
        clear: both;
    }

    .navbar-collapse:before, .navbar-collapse:after {
        display: table;
        content: "";
    }

    .navbar-collapse:after {
        clear: both;
    }

.container > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
/*header*/
/*****************Logo start**************************************************************/
.navbar-brand {
    float: left;
    padding: 15px 15px;
    font-size: 24px;
    line-height: 20px;
    color: #FC0;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    text-transform: uppercase;
    font-weight: bold;
}
    /*logo字体颜色背景*/
    .navbar-brand:hover, .navbar-brand:focus {
        text-decoration: none;
    }

    .navbar-brand:hover, .navbar-brand:focus {
        color: #f00;
        background-color: transparent;
    }
/*****************Logo end**************************************************************/
/*导航*/
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

    .nav:before, .nav:after {
        display: table;
        content: "";
    }

    .nav:after {
        clear: both;
    }

    .nav:before, .nav:after {
        display: table;
        content: "";
    }

    .nav:after {
        clear: both;
    }

    .nav > li {
        position: relative;
        display: block;
    }

        .nav > li > a {
            position: relative;
            display: block;
            padding: 10px 15px;
        }

            .nav > li > a:hover, .nav > li > a:focus {
                text-decoration: none; /* background-color:#fff*/
            }

.navbar-nav {
    margin: 7.5px -15px;
}

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 10px;
        color: #fff;
    }
        /*控制hearder高度*/
        .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {
            color: #FC0;
            background-color: transparent;
        }

    .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
        color: #626262;
        background-color: #f6f6f6;
    }

    .navbar-nav li strong {
        position: relative;
        font-size: 14px;
        margin-left: 5px;
        vertical-align: bottom;
        color: #fc0;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

.navbar-right li:last-of-type a:hover {
    color: #fff;
    cursor: pointer;
}

.navbar-nav > .active1 > a, .navbar-nav > .active1 > a:hover, .navbar-nav > .active1 > a:focus {
    color: #fc0;
    background-color: #21477F;
}
/*active当前导航状态*/
/*导航*/
/************************************mobile menu start********************************************************************/
.navbar-toggle {
    position: relative;
    float: right;
    padding: 4.5px 5px; /*padding:9px 10px;*/
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #fff;
    border-radius: 4px;
    outline: none;
}
/*mobile menu 外框*/
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/*menu 被隐藏*/
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 3px;
    border-radius: 2px;
    background-color: #fff;
}
    /*mobile menu 中划线*/
    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 4px;
    }
/*mobile menu*/
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fc0;
}
/*mobile menu 内框背景色*/
.navbar-default .navbar-toggle:visited {
    border-color: #fff;
}
/************************************mobile menu end********************************************************************/
/*********************下拉菜单 start*************************************************************/
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #fff; /*background-color:#f6f6f6*/
}
/*.open 是js需要用到的class 下拉菜单导航的颜色*/
.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}
/*下拉菜单ul的背景边框*/
/*********************下拉菜单 end*********************************************************************************/
@media (min-width:768px) {
    .navbar-right .dropdown-menu {
        right: 0;
        left: auto;
    }

    .navbar {
        border-radius: 4px;
    }

    .navbar-header {
        float: left;
    }

    .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }

        .navbar-collapse.collapse {
            display: block !important;
            height: auto !important;
            padding-bottom: 0;
            overflow: visible !important;
        }

    .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }

    .container > .navbar-header, .container > .navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }

    .navbar-static-top {
        border-radius: 0;
    }

    .navbar-fixed-top {
        border-radius: 0;
    }

    .navbar > .container .navbar-brand {
        margin-left: -15px;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-right {
        float: right !important;
    }

    .navbar-nav {
        float: left;
        margin: 0;
    }

        .navbar-nav > li {
            float: left;
        }

            .navbar-nav > li > a {
                padding-top: 15px;
                padding-bottom: 15px;
            }

        .navbar-nav.navbar-right:last-child {
            margin-right: -15px;
        }
}

@media (max-width:767px) {
    .navbar-nav {
        margin: 0 -15px;
    }

        .navbar-nav .open .dropdown-menu {
            position: static;
            float: none;
            width: auto;
            margin-top: 0;
            background-color: transparent;
            border: 0;
            box-shadow: none;
        }

            .navbar-nav .open .dropdown-menu > li > a {
                padding: 5px 15px 5px 25px;
            }

            .navbar-nav .open .dropdown-menu > li > a {
                line-height: 20px;
            }

                .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
                    background-image: none;
                }

    .dropdown-menu > li > a {
        color: #fff;
    }
    /*.navbar-nav>li>a{ border-top:1px dotted #fff}*/
    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 10px;
        margin-right: 15px;
        margin-bottom: 10px;
    }

    h1 {
        display: block;
        margin: 15px auto 15px;
        text-align: left;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        text-transform: uppercase;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        color: #c00;
        position: absolute;
        color: #FC0;
        left: 10px;
        top: 5px;
        font-size: 26px;
        font-weight: 700;
        width: auto;
        height: auto;
        text-indent: 0;
        background-image: none;
    }
}

#locateMapFrame {
    width: 62%;
    min-height: 475px;
    margin: 0 auto;
    border: 3px solid #ccc;
}


.login_ok {
    border: 2px solid #f60;
    width: 50%;
    border-radius: .4em;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: .4em;
    margin: 0 auto;
    padding: 2em 3em;
    color: #666;
    min-height: 400px;
    margin-bottom: 20px;
}

    .login_ok p:first-of-type {
        font-size: 16px;
        border-bottom: 2px solid #f60;
        padding-bottom: .5em;
    }

.font-b {
    font-size: 16px;
}

.button_login {
    text-align: center;
    padding: 4em 3em;
}

    .button_login button {
        padding: 5px 10px;
        background: #f60;
        color: #fff;
        border: none;
    }

.login_ok p:last-of-type {
    line-height: 2em;
}


.orderitem .shangchuan {
    margin-top: 5px;
    text-align: left !important;
    margin-bottom: -5px;
}

.orderitem .baocun {
    margin-right: 5px;
    text-align: right !important;
}

.contentitem label {
    margin-left: 5px;
}

.file-export button {
    margin-top: 5px;
}

.frontpage textarea, .frontpage input[type="text"], .backpage textarea, .backpage input[type="text"] {
    text-transform: uppercase;
}

.xiangzuo {
    text-align: left!important;
    padding-left: 20px !important;
}

.baocuo {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    text-align: center;
    color: #F00;
}

.juzhong {
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    text-align: center;
}

    .juzhong img {
        margin: 5px 10px 5px 0;
    }

.shui {
    position: absolute;
    right: 5px;
    top: 5px;
}

    .shui img {
        width: 70px;
    }

.hidfileupload {
    display: none;
}

.certitems ol > li {
    line-height: 1.5em;
}

.operate {
    color: #0000FF;
    font-style: normal;
    font-weight: 700; /*margin: 0.5em;*/
    cursor: pointer;
}

.orange {
    color: #FF6600;
}

.contentitem li > form, .add-cert-form form {
    display: inline;
}

.add-cert {
    min-height: 28px;
    position: relative;
    padding: 0 5px 5px 0;
    clear: both;
}

.add-cert-form {
    padding-left: 13px;
}

.add-cert-button {
    /*position: absolute;
        left: auto;
        right: 5px;
        bottom: 5px;*/
    position: relative;
    text-align: right;
}

.cert-add {
    min-width: 80px;
}

.btnaddcert {
    cursor: pointer;
}

    .btnaddcert:hover {
        color: blue;
    }



.noprint p {
    text-align: center;
    width: 900px;
}




.frontpage > p:first-of-type {
    width: 98%;
    margin: 0 auto 0;
    font-size: 12px;
    padding-top: 10px;
}

    .frontpage > p:first-of-type span {
        padding-left: 5px;
    }

    .frontpage > p:first-of-type button {
        margin-left: 5px;
        color: #666;
        border: none;
        background: none;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.1);
    }

.frontpage > p:first-of-type, .backpage > p:first-of-type {
    width: 98%;
    margin: 0 auto 0;
    font-size: 12px;
    padding-bottom: 10px;
}

    .frontpage > p:first-of-type button, .backpage > p:first-of-type button {
        margin-left: 5px;
        color: #666;
        border: none;
        background: none;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.1);
    }

.yunjiaduibi {
    width: 98%;
    margin: 0 auto;
}

    .yunjiaduibi table {
        border-collapse: collapse;
        margin: 0 auto;
    }

        .yunjiaduibi table caption {
            text-align: left;
            color: #666;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            margin: .5em .5em .5em 0;
        }

            .yunjiaduibi table caption em {
                color: #F30;
                margin: 1em;
                font-style: normal;
                font-weight: 700;
            }

    .yunjiaduibi h2 {
        margin: 0 auto 10px;
        text-align: center;
        color: #666;
        font-weight: 700;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        font-size: 14px;
    }

    .yunjiaduibi table td {
        padding: .25em .15em .25em .15em;
        ;
        text-align: center;
        color: #666;
        font-size: 10px;
    }

    .yunjiaduibi .dingcang-tab table thead td {
        height: 2em;
        vertical-align: middle;
        background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d3d3d3));
        background: -moz-linear-gradient(top, #fdfdfd, #d3d3d3);
        color: #000;
        border: 1px solid #999;
        font-weight: normal;
    }

    .yunjiaduibi table tbody td {
        height: 2em;
        vertical-align: middle;
        color: #000;
        line-height: 1.5em;
        border: 1px solid #999;
    }

        .yunjiaduibi table tbody td em {
            font-style: normal;
            margin: 0 .25em 0 .25em;
            color: #000;
        }

    .yunjiaduibi table tr:nth-of-type(even) {
        background: #fff;
    }

        .yunjiaduibi table tr:nth-of-type(even):hover, .yunjiaduibi table tr:nth-of-type(odd):hover {
            background: #FFFF62;
        }

    .yunjiaduibi table tr:nth-of-type(odd) {
        background: #EFF3FA;
    }

.chandi .no-width input[type="file"] {
    background: #fff !important;
    color: #aaa;
    border: 1px solid #ccc;
    width: 20%;
    height: 30px;
    margin: 0;
    padding: 0 !important;
}

.chandi section .no-width .button {
    display: inline-block;
    width: 10%;
    background: #21477F!important;
    padding: 8px !important;
    text-indent: 0;
    border: 1px solid #ccc;
    box-shadow: none;
    text-shadow: none;
    color: #fff;
}

footer {
    font-size: 12px;
}

    footer p {
        text-align: center;
    }

        footer p a {
            margin: 5px;
        }

.services {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    clear: both;
}

    .services > section {
        margin: 1em auto;
    }

    .services .box {
        width: 22%;
        margin: .2em 1% .2em 1%;
        display: inline-block;
        border: 1px solid #e8e8e8;
        border-radius: .4em;
        -webkit-border-radius: 0.4em;
        -moz-border-radius: .4em;
        -webkit-box-shadow: 0 0 10px #efefef;
        -moz-box-shadow: 0 0 10px #efefef;
        box-shadow: 0 0 10px #efefef;
        padding: 2em 0.5em 1.5em;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
        background: -moz-linear-gradient(top, #fff, #efefef);
        text-align: center;
        height: auto;
    }

    .services img {
        width: 100%;
        max-width: 150px;
    }

    .services a.box h3 {
        margin: 0 0 .25em 0;
        font-weight: 700;
        text-align: center;
        padding: .5em;
    }

    .services a.box h4 {
        margin: 0;
        color: #F00;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.5);
    }

    .services a.box p {
        color: #5E5D6F;
        margin-top: 0.2em;
        line-height: 1.5em;
    }

    .services a:hover {
        border: 1px groove #ff5f25;
        background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff));
        background: -moz-linear-gradient(top, #efefef, #fff);
    }

.promotions, .service-parnter, .about-us {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    clear: both;
}

    .promotions h2, .service-parnter h2, .about-us h2 {
        padding: 1.5em 0 0 0;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.5);
        color: #CC0000;
        font-weight: 700;
        letter-spacing: .2em;
    }

    .promotions > ol {
        padding: 1.5em 0 0 0;
        width: 99%;
        margin: 0 auto;
    }

        .promotions > ol > li {
            margin: .5em;
            display: inline-block;
            line-height: 2em;
            width: 48.5%;
            text-align: center;
        }

            .promotions > ol > li a strong {
                font-size: 100%;
                color: #c00;
            }

            .promotions > ol > li span {
                margin-right: .5em;
            }

.service-parnter {
    margin: 1.5em auto;
    clear: both;
    width: 100%;
}

    .service-parnter > section {
        margin: 0 auto;
    }

    .service-parnter p {
        padding-top: 1.5em;
        width: 90%;
        text-align: left;
        margin: 0 auto;
        text-align: center;
    }

        .service-parnter p img {
            border: 1px solid #ddd;
            max-width: 120px;
            width: 100%;
            margin: .5em 5% .5em 5%;
            -moz-box-shadow: 3px 4px 4px #5E5D6F;
            -webkit-box-shadow: 3px 3px 4px #5E5D6F;
            box-shadow: 3px 3px 4px #5E5D6F;
        }

            .service-parnter p img:hover {
                border: 1px solid #c00;
            }

.about-us {
    margin: 1.5em auto;
    padding: 1em 0 0 0;
    background: url(../images/img-hr.png) no-repeat top center;
}

    .about-us p {
        text-indent: 2em;
        line-height: 2.5em;
        padding: 0 1em 0 1em;
        text-align: left;
    }

        .about-us p a {
            color: #c00;
            font-weight: bold;
            background: none;
            text-decoration: underline;
        }

        .about-us p strong {
            font-weight: bold;
        }

.quick-search > form {
    border: none;
    padding: 5px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    text-align: center;
}

    .quick-search > form input {
        display: inline;
        margin: 0 1% 0.5em 1%;
        width:70%;
        border: 1px solid #efefef;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        padding: .2em 0 .2em .25em; text-align:center;
    }
.quick-searchbc > form input{width:30%;font-size: 12px;height: 26px;border: 1px solid #ccc;color: #555;}
.quick-searchbc > form label.zhg{font-weight:normal;font-size:14px;line-height:26px;margin-left:5px;}
.cfs-quick-search {
    padding: 5px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    text-align: center;
}

    .cfs-quick-search > input {
        display: inline;
        margin: 0 1% 1em 1%;
        width: 30%;
        border: 1px solid #efefef;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        padding: .375em 0 .375em .25em;
    }

.quick-search > form input:last-of-type {
   border-color: #2480c2;
	color: #fff;
	text-shadow: rgba(0,0,0,0.35) 0 1px 0;
	box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.5);	
	background: #54b3ff;
	background: -moz-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54b3ff), color-stop(100%,#0078d9));
	background: -webkit-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
	background: linear-gradient(#54b3ff,#0078d9);
	background: -o-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
	background: -ms-linear-gradient(top, #54b3ff 0%,#0078d9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3ff', endColorstr='#0078d9',GradientType=0 );
}

.chuanqitable {
    margin:2em auto 5em;
    text-align: center;
    width: 100%;
    clear: both;
}

    .chuanqitable caption span {
        float: right; font-size:14px; font-weight:normal;}
.chuanqitable caption span label{ font-weight:normal;}
    .chuanqitable caption label {
        padding-right: .5em;
    }

    .chuanqitable caption select {
        border: 1px solid #ccc;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        background-color: #fff;
    }

    .chuanqitable table {
        margin: 0 auto;
        width: 96%;
        border-collapse: collapse;
    }

        .chuanqitable table caption {
            text-align: left;
            font: Arial, Helvetica, sans-serif;
        }

            .chuanqitable table caption em {
                font-style: normal;
                margin: 0 .5em 0 .5em;
                color: #f60;
                font-weight: 700;
                font-family: Arial, Helvetica, sans-serif;
            }

        .chuanqitable table thead td {
            width: 14.2%;
            text-align: center;
            padding: 0;
            vertical-align: middle;
            font-weight: bold;
            color:#337ab7;
            height: 2em;
            padding: 0; font-weight:normal; font-size:13px;
        }

    .chuanqitable table thead td strong {
        color:#337ab7;
    }

    .chuanqitable table  tbody td {
        text-align: left;
        padding: 0;
        border: 1px solid #dee3ea;
        text-align: center;
        width: 14.2857142%;
        color:#a9aeb3;
        font-family: Arial, Helvetica, sans-serif;
    }

        .chuanqitable table tbody td p.datetop {
            height: 20px;
            padding-right: 5px;
            text-align: right;
            color:#696d73; font-weight:normal; font-size:12px;
        }
            .chuanqitable  table tbody td p.datetop span {
                font-weight: 700;
                text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            }

        .chuanqitable table tbody td p.datebottom {
            height:40px;
            margin-top:15px;
            width: 100%;
            position: relative;
            clear: both;
            vertical-align: baseline;
        }

            .chuanqitable table tbody td p.datebottom em, .chuanqitable table tbody td p.datebottom i {
                font-style: normal;
            }

.closedbooking p.datebottom {
    color: #ccc;
}

.passedtime {
    background: #f9f9f9;
}

.chuanqitable > table > tbody td p.datebottom strong {
    margin-right: 5px;
    color: #f60;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 1.5em;
}

.chuanqitable > table > tbody td:hover {
    background:#ebf8fb;
}

@media (max-width:970px) {
    .promotions > ol > li {
        width: 43.5%;
    }

    .service-parnter p span {
        display: block;
    }
}

@media (max-width:767px) {
    .services .box {
        width: 45%;
        margin: 10px;
    }

    .fast-search > form > input, .direct-search > form > input, .research > form > input {
        width: 98%;
        height: 2em;
        margin: 0 auto .75em;
    }

        .fast-search > form > input:last-of-type, .direct-search > form > input:last-of-type, .research > form > input:last-of-type {
            width: 98%;
            margin: 0 auto;
            height: 2.5em;
        }

    .quick-search > form input {
        display: block;
        width: 96%;
    }

    .promotions > ol > li {
        width: 43.5%;
    }

    .service-parnter p span {
        display: block;
    }
}

#contact-us-form {
    margin: 5em auto;
    width: 80%;
}

.contact-form, .track-form {
    clear: none;
    margin: 2em auto;
    padding: 1em;
}

.contact-form, .track-form {
    background: #f5f5f5;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#f5f5f5),color-stop(50%,#e5e5e5),color-stop(100%,#ddd));
    background: -moz-linear-gradient(top,#f5f5f5 0,#e5e5e5 50%,#ddd 100%);
    background: -o-linear-gradient(top,#f5f5f5 0,#e5e5e5 50%,#ddd 100%);
    background: -ms-linear-gradient(top,#f5f5f5 0,#e5e5e5 50%,#ddd 100%);
    background: linear-gradient(top,#f5f5f5 0,#e5e5e5 50%,#ddd 100%);
    -webkit-box-shadow: 0 0 3px #888;
    -moz-box-shadow: 0 0 3px #888;
    box-shadow: 0 0 3px #888;
    clear: both;
    display: block;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #5E5D6F;
    margin-bottom: .8em;
}

    .contact-form form {
        display: block;
        margin: 0 0 1em;
    }

    .contact-form fieldset {
        padding: 10px;
    }

    .contact-form legend {
        font-family: " 微软雅黑" Arial, Helvetica, sans-seriffont-size:1.6em;
        padding: .2em 0 0;
    }

    .contact-form label {
        float: left;
        display: block;
        width: 32%;
        text-align: right;
        vertical-align: middle;
        line-height: 1.8em;
        color: #000;
        padding: 1em 0 0;
    }

    .contact-form input, .contact-form textarea {
        display: block;
        background: #eee;
        margin: 0 0 0 34%;
        line-height: 1.8em;
        border: 0;
        border-radius: 0 .4em .4em 0;
        width: 66%;
    }

    .contact-form fieldset div {
        overflow: hidden;
    }

    .contact-form input, .contact-form textarea {
        margin: 0;
        float: right;
    }

    .contact-form input {
        text-indent: .6em;
        padding: .8em 0;
    }

        .contact-form input[type="submit"] {
            margin-left: 0;
        }

        .contact-form input[type="textbox"] {
            background: #d5d5d5;
            border: 1px solid #ccc;
            -webkit-box-shadow: 0 0 8px #709ad0;
            -moz-box-shadow: 0 0 8px #709ad0;
            box-shadow: 0 0 8px #709ad0;
        }

        .contact-form input:focus, .contact-formtextarea:focus {
            background: #fff;
        }

    .contact-form textarea {
        padding: .4em .4em .4em .6em;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .contact-form fieldset div {
        border: 1px solid #ccc;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        margin: 0 0 .4em;
        background: #ccc;
    }

        .contact-form fieldset div.buttons {
            margin: 0;
        }

    .contact-form button, .cargotracking form p input:last-of-type, .chandi .button-s input, .chandi p button, .baoguan form .button, .chandi form .button {
        line-height: 1em;
        border: 0;
        display: block;
        cursor: pointer;
        padding: .8em 0;
        width: 100%;
        text-align: center;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        font-size: 1em;
        color: #fff;
        text-align: center;
        letter-spacing: .05em;
        background: #ff5f25;
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
        background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
        background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
        background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
        background: linear-gradient(top,#ff5f25 0,#da3815 100%);
        text-shadow: 0 -1px rgba(0,0,0,0.4);
        border-top: 1px solid rgba(255,255,255,0.6);
        border-bottom: 1px solid rgba(0,0,0,0.4);
        -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
        -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
        box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    }

    .contact-form p.error, .error {
        margin: 0 0 0 34%;
        text-indent: 1em;
        padding: .4em 0;
        display: block;
        color: red;
        background: #eee;
    }

    .contact-form p.error {
        border-radius: 0 .4em 0 0;
    }

    .contact-form .rememe {
        width: 20%;
        margin: 1.25em 0 0 0;
        float: left;
        background: none;
    }

        .contact-form .rememe:focus {
            background: none;
        }

    .contact-form label span {
        margin: 0 0 0 0;
        padding: 0 0 1em 0;
        display: block;
    }

    .contact-form label i {
        color: red;
        font-style: normal;
        margin-right: .25em;
    }

.cargotracking {
    margin: 5em auto;
    width: 80%;
}

.track-form {
    padding-bottom: 3em;
}

.cargotracking form {
    padding: 0;
    font-size: 12px;
    max-width: 500px;
    margin: 0 auto;
}

    .cargotracking form label {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .cargotracking form select, .cargotracking form input {
        display: block;
        width: 100%;
        height: 38px;
        margin: 5px 0 1em 0;
        padding: 0;
        border: 1px solid #ccc;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        padding: .375em 0 .375em .25em;
        background-color: #fff;
    }

    .cargotracking form p input:last-of-type {
        width: 100%;
        margin-top: 20px;
    }

.chandi, .baoguan {
    margin: 2em auto;
    text-align: center;
}

    .chandi > div p input, .chandi form input, .chandi form textarea, .baoguan form input, .baoguan form textarea, .baoguan form p select {
        margin: 5px 20px 1em 0;
        padding: 0;
        border: 1px solid #ccc;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        padding: .375em 0 .375em .25em;
        background-color: #fff;
        color: #999;
    }

    .chandi p .button, .baoguan form .button {
        width: 30%;
        margin: 0 auto;
    }

    .chandi > div img {
        border-left: 2px solid #aaa;
        border-right: 2px solid #aaa;
        -moz-box-shadow: 3px 4px 4px #aaa;
        -webkit-box-shadow: 3px 3px 4px #aaa;
        box-shadow: 3px 3px 4px #aaa;
    }

    .chandi > div p button {
        width: 15%;
        display: inline;
        padding: .5em;
    }

.sec-nav {
    list-style: none;
    margin: 1em auto 0;
    padding: 0;
}

    .sec-nav li {
        display: inline-block;
    }

        .sec-nav li a {
            display: inline-block;
            background: #f1f1f1;
            padding: 5px 10px 5px 10px;
            -webkit-border-radius: .4em;
            -moz-border-radius: .4em;
            border-radius: .4em;
            border: 1px solid #ccc;
            -moz-box-shadow: 3px 4px 4px #aaa;
            -webkit-box-shadow: 3px 3px 4px #aaa;
            box-shadow: 3px 3px 4px #aaa;
            margin: 5px 5px 5px 5px;
        }

    .sec-nav .active-nav {
        background: #fff;
    }

        .sec-nav .active-nav a:hover {
            color: #333;
        }

.chandi > div, .chandi > .zhuang-xiang, .chandi > section, .baoguan > form {
    border: 1px solid #e8e8e8;
    border-radius: .4em;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: .4em;
    -webkit-box-shadow: 0 0 10px #efefef;
    -moz-box-shadow: 0 0 10px #efefef;
    box-shadow: 0 0 10px #efefef;
    padding: 2em 0.5em 1.5em;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
    background: -moz-linear-gradient(top, #fff, #efefef);
    margin: 0 auto;
    width: 96%;
}

    .chandi > .zhuang-xiang > div {
        width: 70%;
        margin: 0 auto;
    }

.chandi form label {
    display: inline-block;
    width: 15%;
    margin-right: 5px;
    text-align: right;
}

    .chandi form label code, .baoguan form ul li code {
        color: #F00;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

.chandi form input, .chandi form textarea {
    width: 30%;
}

.chandi form input, .baoguan form input {
    line-height: 2em;
}

.chandi form .no-width span label, .chandi form .no-width span input, .chandi form .no-width input, .baoguan form .no-width span label, .baoguan form .no-width span input, .baoguan form .no-width input {
    display: inline;
    padding: 0;
    margin: 0 5px 0 5px;
    width: auto;
}

.chandi form .no-width input, .baoguan form div:last-of-type .no-width input, .baoguan form > div p:first-of-type input {
    padding: 0 10px 0 10px;
    margin-left: 15px;
    background: #ccc;
    color: #333;
    border: 1px solid #999;
}

.chandi > .zhuang-xiang {
    padding: 2em;
}

.chandi h2, .baoguan h2 {
    font-weight: bold;
    color: #333;
    margin-bottom: 30px;
    margin: 1em auto;
    text-align: center;
    font-size: 18px;
    padding: 0;
}

#fullplay {
    margin-top: 30px;
}

#video {
    width: 100%;
}

.chandi > section, .baoguan > section {
    text-align: left;
    padding: 2em;
}

    .chandi > section h3 {
        margin-bottom: 10px;
        font-weight: bold;
    }

.baoguan form p {
    text-align: left;
    width: 98%;
    margin: 0 auto;
}

    .baoguan form p input[type="text"], .baoguan form p select {
        width: 20%;
    }

.baoguan form > div {
    margin-bottom: 20px;
}

    .baoguan form > div p input {
        width: 20%;
    }

    .baoguan form > div p:first-of-type input {
        width: auto;
        margin-top: 10px;
    }

.baoguan form p .no-block {
    margin-right: 5px;
}

.baoguan form p select {
    height: 30px;
}

.baoguan form {
    margin: 0 auto;
}

    .baoguan form ul {
        margin: 0;
        padding: 0;
        margin: 0 auto;
        display: block;
    }

        .baoguan form ul li {
            list-style: none;
            display: inline-block;
            width: 22.5%;
            margin: 5px;
            padding: 0;
        }

            .baoguan form ul li label {
                display: block;
                width: 90%;
                margin: 10px 0 5px 10px;
                text-align: left;
            }

            .baoguan form ul li:last-of-type {
                text-align: left;
                width: 93%;
            }

            .baoguan form ul input, .baoguan form ul li textarea {
                width: 100%;
                margin: 0;
                text-align: left;
            }

    .baoguan form .scroll {
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ccc;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        margin: 20px 0 0 0;
        padding: 0;
        background: #fff;
    }

    .baoguan form table {
        width: 100%;
        background: #fff;
        margin: 0;
        padding: 0;
    }

        .baoguan form table td {
            border-collapse: collapse;
            border: 1px solid #ccc;
            padding: 0;
            height: 2em;
            text-align: center;
        }

        .baoguan form table thead td {
            padding: 0 5px 0 5px;
        }

        .baoguan form table td input {
            margin: 0;
            padding: 0;
            display: block;
            width: 100%;
            border: none;
        }

    .baoguan form > div textarea {
        width: 100%;
        margin: 5px auto;
        border: 1px solid #ccc;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
    }

    .baoguan form > div {
        text-align: left;
        margin-top: 20px;
    }

.chuanqi-index {
    margin: 0 auto;
    color: #5E5D6F;
    font-family: Arial, Helvetica, sans-serif;
    width:100%;
}

    .chuanqi-index > div {
        width: 99%;
        padding-top: 1em;
        padding-bottom: .75em;
        clear: both;
        margin: 0 auto 2em;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

        .chuanqi-index > div > p {
            margin: 0 0 .5em 0;
            padding: 0 0 0 1em;
            color: #333;
            line-height: 2em;
        }

        .chuanqi-index > div input {
            vertical-align: middle; margin:0 5px 0 0;
        }

        .chuanqi-index > div p input {
            margin: 0 .15em 0 0;
            padding: 0;
        }
.chuanqi-index > div > .chooselb{ margin:0 1em;padding:.5em;border-bottom:1px dotted #ddd;}
.chuanqi-index > div > .chooselb div,.chuanqi-index > div > .chooselb p{ margin-bottom:10px;}
        .chuanqi-index > div > .chooselb p em,.chuanqi-index > div > .chooselb div em {
            font-style: normal;
            padding: 0 0 0 0;
            margin: 0 1.5em 0 0;
            color: #5E5D6F;
            display: inline-block; font-size:14px; width:70px;
        }

        .chuanqi-index > div > .chooselb p i {
            font-style: normal;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            color: #5E5D6F;
        }

        .chuanqi-index > div .chooselb label {
            margin: 0 .5em 0 0; font-weight:normal; font-size:12px;
        }

        .chuanqi-index > div > .chooselb p span {
            margin: 0 1em 0 0;
            color: #5E5D6F;color:#f60; font-size:12px;
        }

        .chuanqi-index > div > .chooselb p strong {
            color: #c00;
            font-family: Tahoma;
            background:url(../image/tel_03.jpg) no-repeat left center;
            padding-left: 1.5em;
            padding-bottom: 0;
            position: relative;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            display: inline-block; margin-left:15px;
        }
        .chuanqi-index > div > .weekchose{ padding:15px 0; margin:0 1em; border-bottom:1px solid #ddd;}
        .chuanqi-index > div > .weekchose dl {
            padding: 0; margin:0;
            width: 98%;
        }

            .chuanqi-index > div > .weekchose dl dt {
                color: #5E5D6F;
                margin: 0 0 .5em 0; font-weight:normal;
                padding: 0 0 .25em .5em;
            }

                .chuanqi-index > div > .weekchose dl dt em {
                    margin: 0 .25em 0 .25em; font-style:normal;
                    padding: 0;
                    color: #F00;
                    font-weight: 700;
                }

                .chuanqi-index > div > .weekchose dl dt span {
                    margin: 0 1em 0 .5em;
                    padding: 0;
                    color:#f60;
                }

            .chuanqi-index > div > .weekchose dl dd span {
                color: #5E5D6F; font-size:12px;
            }

                .chuanqi-index > div > .weekchose dl dd span em {
                    margin: 0 .25em 0 .25em;
                    font-style: normal;
                    vertical-align: text-bottom;
                    color:#337ab7; line-height:14px;
                }

    .chuanqi-index dl dd {
        line-height: 1.2em;*float:left;
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        .chuanqi-index dl dd input {
            margin: 0 .25em 0 .75em;
            padding: 0;
            vertical-align: middle;
        }
		.chuanqi-index dl .weektotle{ font-size:12px; font-weight:normal;}
.chuanqi-index dl dd label{font-size:12px;margin:0 .25em 0 0;padding:0; font-weight:normal;}

.carrier-logo-list {margin: 0 0 0 .5em;}
.carrier-logo-list .totlehb{ margin:.3em 0 1.5em 0;}
.carrier-logo-list .weektotle{ font-size:12px; margin-right:5px; font-weight:normal;}
.carrier-logo-list b:first-of-type {margin: .5em .25em 0 0;color: #F00;}
.carrier-logo-list b:last-of-type {margin: .5em .25em 0 1em;color: #F00;}
.carrier-logo-list img {width: 5em;border: 1px solid #999;margin: .5em .75em 0 .75em;}
.carrier-logo-list img:first-of-type {margin-left: 0; }
.carrier-logo-list img:hover { border: 1px solid #F00;}
.chuanqi-index .cdcjdb{ float:left;}
.chuanqi-index .paixu{ padding:15px 0; margin:0 1em;}
.chuanqi-index .paixu > h3{width:98%;margin:5px 0 5px;padding-top:5px;line-height:18px;color:#5E5D6F;font-size:12px;}
.chuanqi-index .paixu ul {list-style: none;padding-left:.5em;float:left;}
.chuanqi-index .paixu ul li { display: inline-block;*float:left;padding: 0 .25em 0 0;}
.chuanqi-index .paixu ul li p{ margin-bottom:0px;}
.chuanqi-index .paixu ul li b {font-weight: normal; font-size:12px; color:#5E5D6F;}
.line span {margin-left: 2px;}
.beizhu {margin: 0;padding: 0; font-size:12px;}
.beizhu dl {  margin: 5px 0 3px 0;
        padding: 0;
    }

        .beizhu dl dt, .beizhu dl dd {
            display: inline;
            margin: 0;
            padding: 0;
        }

        .beizhu dl dt {
            display: inline-block;
            width: 80px;
        }

    .beizhu em {
        font-style: normal;
    }

.yun-jia-offer {
    width: 100%;
    margin: 0 auto;
}

    .yun-jia-offer .yunjia-p {
        padding: 0;
        margin: 0 0 .5em 0;
        color: #5E5D6F;
        width: 98%;
    }

        .yun-jia-offer .yunjia-p strong {
            font-weight: normal;
            margin: 0;
            padding: 0;
        }

        .yun-jia-offer .yunjia-p em {
            margin: 0 .5em 0 .5em;
            font-style: normal;
            color: #f60;
        }

        .yun-jia-offer .yunjia-p span em {
            padding-right: .5em;
            color: #f60;
        }

        .yun-jia-offer .yunjia-p em:last-of-type {
            margin-right: 0;font-weight:bold;color:#008bf6
        }

        .yun-jia-offer .yunjia-p span {
            margin: 0 .5em 0 .5em;
        }

            .yun-jia-offer .yunjia-p span:last-of-type {
                float: right;
                margin: 0 .5em 0 0;
                padding: 0;
            }

.off-content {
    padding: 0;
    margin: 0 auto 2.5em;
    width: 100%;
    border-top: 1px dotted #999;
}

    .off-content > p:first-of-type {
        text-align: right;
        color: #F00;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        padding: 0 10px 0 0;
        margin: 0;
    }

.carrier-logo {
    float: left;
    padding: 0; margin-left:2%;
    width: 16%;
    display: block;
}

    .carrier-logo img {
        max-width: 100%;
    }

    .carrier-logo img, .ding-cang > div > h3 img {
        border: 1px solid #ff5f25;
        -moz-box-shadow: 3px 4px 4px #aaa;
        -webkit-box-shadow: 3px 3px 4px #aaa;
        box-shadow: 3px 3px 4px #aaa;
        margin: .5em;
    }

.offer-content-r { float: right;width:40%; text-align: left;margin: 0; padding: 0;}

    .offer-content-r ul li {
        list-style: none; float:left; width:100px;
        text-align: left;
        margin-bottom: 5px;
    }
.offer-content-r ul li label {font-size:12px; font-weight:normal;}
.offer-content-r > p:first-of-type strong {color: #f60;font-size:1em;font-weight: normal;}
.chuanqi-index .offer-content-r > p { margin: 0 0 .5em 0; padding: 0;}
.chuanqi-index .offer-content-r > p.yjbt{ float:left;}
.chuanqi-index .offer-content-r > ul{ float:left; width:55%;}
.chuanqi-index .offer-content-r > .zxdchxt{ float:left;}
.chuanqi-index .offer-content-r > .zxdchxt p{ margin-bottom:.5rem;margin-bottom:10px;}
.offer-content-r img {
    max-width: 100px;
}

.offer-content-r > p:last-of-type {
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    color: #5E5D6F;
}

.offer-content-m .pdf-logo img {
    width: 30px;
    margin: .25em 0 0 10px;
}

.offer-content-r > .zxdchxt p input, .offer-content-r > .zxdchxt p button {
    width: 100px;
    height: 27px;
    line-height: 1em;
    border: 0;
    font-weight: 400;
    cursor: pointer;
    padding: .25em 0;
    text-align: center;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    background: #ff5f25;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
    background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: linear-gradient(#ff5f25 0,#da3815 100%);
    text-shadow: 0 -1px rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
}

.offer-content-m {
/*    margin: 0 15.0833333% 0 2%;*/
    width:25%;
    padding: 0; font-size:12px; float:left;
}

    .offer-content-m > p:first-of-type {
        margin: 0 0 .75em .5em;
        line-height: 1.5em;
    }

    .offer-content-m >div> p {
        margin: 0 .5em 0 .5em;
        display: inline-block;
        width:100%;
        color: #5E5D6F;
        line-height:2rem; line-height:24px;
    }

        .offer-content-m >div> p strong {
            font-weight: normal;
            display: inline;
        }

        .offer-content-m >div> p em {
            color:#337ab7;
            font-style: normal;
            margin: 0 0 0 1rem;
            font-family: Arial, Helvetica, sans-serif;
        }

.offer-tab table {
    width: 100%;
}

    .offer-tab table thead td {
        background: #f6f6f6;
    }
.offer-tab table td {
        border: 1px solid #ddd;
        border-collapse: collapse;
        padding: 5px;
        text-align: center; font-size:12px;
    }
.offer-tab table td em {font-style: normal;}
.beizhu {margin: 10px 0 0 .5em; padding: 0;}
.beizhu p {line-height:2em;margin: 0;padding: 0; color:#337ab7; }
.beizhu p em { width: 80px;display: inline-block; color:#5E5D6F;}
.ding-cang, .ding-cang-dan {
    margin: 30px auto; font-size:12px;
    color: #5E5D6F;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
}

    .ding-cang input {
        padding-left: 2px;
    }

    .ding-cang textarea, .ding-cang input {
        text-transform: uppercase;
    }

    .ding-cang > div, .ding-cang-dan {
        width: 96%;
        padding-top: 1em;
        padding-bottom: .75em;
        clear: both;
        margin: 0 auto;
        border-bottom: 1px dashed #ccc;
        border: #ccc 1px solid;
        border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-box-shadow: 0 0 10px #ccc;
        -moz-box-shadow: 0 0 10px #ccc;
        box-shadow: 0 0 10px #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
        background: -moz-linear-gradient(top, #fff, #f6f6f6);
    }

.dingcang-tab {
    width: 100%;
    margin-bottom: 15px;
    -webkit-box-shadow: 0 0 5px #f6f6f6;
    -moz-box-shadow: 0 0 5px #f6f6f6;
    box-shadow: 0 0 5px #f6f6f6;
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #f6f6f6;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding-bottom: 15px;
    padding-top: 5px;
}

    .dingcang-tab table {
        width: 98%;
        border-collapse: collapse;
        margin: 0 auto;
        border-spacing: 0;
        background: #fff;
    }

        .dingcang-tab table caption {
            margin-bottom: .5em;
        }

        .dingcang-tab table thead td {
            background: #4787ED;
            color: #fff;
            font-weight: bold;
        }

        .dingcang-tab table td {
            border: 1px solid #ccc;
            padding: .5em .25em .5em .25em;
            text-align: center;
        }

.ding-cang > div > p {
    margin: 0 0 .5em 0;
    padding: 0 0 0 1em;
    color: #666;
    line-height: 2em;
}

    .ding-cang > div > p > input {
        margin: 0 .15em 0 0;
        padding: 0;
    }

    .ding-cang > div > p:first-of-type em {
        font-style: normal;
        padding: 0 0 0 0;
        margin: 0 1.5em 0 0;
        font-weight: 700;
        color: #f00;
        display: inline-block;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

.ding-cang > div label {
    margin: 0 .5em 0 0;
}

.ding-cang > div > dl, .ding-cang > div > h2 {
    font-size: 12px;
    margin-left: 10px;
}

.ding-cang > div dl dt {
    margin: 0 0 .5em .25em;
    padding: 0;
}

    .ding-cang > div dl dt em {
        font-style: normal;
        padding: 0 0 0 0;
        margin: 0 1.5em 0 0;
        font-weight: 700;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        color: #F00;
    }

.ding-cang > div dl dd {
    margin: -25px 0 .25em 75px;
    padding: 0 0 .25em 0;
}

    .ding-cang > div dl dd input {
        border: 1px solid #ccc;
        -webkit-border-radius: .4em;
        -moz-border-radius: .4em;
        border-radius: .4em;
        vertical-align: middle;
    }

        .ding-cang > div dl dd input[type="text"], .huowuleixing .huowu-block p span input[type="text"], .danzhengxinxi p span input[type="text"] {
            color: #5E5D6F;
            height: 30px;
        }

    .ding-cang > div dl dd p label {
        margin-right: 5px;
    }

.ding-cang > div > h2 strong, .huowuleixing strong, .shoufatong h2 strong, .ding-cang h2 {
    margin: 0 0 10px .25em;
    padding: 0;
    font-weight: 700;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    color: #F00;
}

.ding-cang > div > h3 {
    text-align: center;
    margin-bottom: 15px;
}

.duiqi-no span select, .duiqi-no span input {
    width: 80px;
    border: 1px solid #ccc;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    vertical-align: middle;
    height: 25px;
    margin: 5px;
}

.ding-cang > div > p span {
    display: inline-block;
    width: 30%;
    color: #5E5D6F;
}

    .ding-cang > div > p span em, .ding-cang > div > p span b {
        font-style: normal;
        font-weight: normal;
    }

    .ding-cang > div > p span em {
        margin: 0 .5em 0 0;
        color: #5E5D6F;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

.ding-cang > div .remark-booking {
    padding: 0;
    margin: 5px 0 5px 10px;
    line-height: 1.5em;
    color: #5E5D6F;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
}

    .ding-cang > div .remark-booking em {
        margin: 0 0 0 1em;
        padding: 0;
        font-style: normal;
        text-shadow: none;
    }

        .ding-cang > div .remark-booking em:last-of-type {
            margin-left: 2em;
        }

.ding-cang .duiqi span {
    display: inline;
}

.ding-cang .duiqi label {
    margin-left: 5px;
}

.ding-cang .duiqi {
    vertical-align: middle;
}

.huowuleixing, .shoufatong, .danzhengxinxi {
    width: 98%;
    margin: 1em 0 0 1em;
    padding: .5em 0 0 0;
}

    .huowuleixing p, .danzhengxinxi p {
        line-height: 1.5em;
        margin: .5em;
    }

    .shoufatong h3 {
        margin: 10px 0 5px 0;
    }

    .danzhengxinxi p:first-of-type span input[type="text"] {
        height: 25px !important;
    }

    .huowuleixing p span label {
        margin-left: 5px;
    }

    .danzhengxinxi h2 strong, .huowuleixing h2 strong, .shoufatong h2 strong {
        font-size: 12px;
    }

    .danzhengxinxi p span label {
        margin-left: 3px;
    }

    .danzhengxinxi p span {
        display: inline-block;
    }

    .shoufatong div {
        display: inline-block;
        width: 45%;
    }

    .shoufatong h3 {
        margin: .5em 0 5px .5em;
        padding: 0;
        font-size: 12px;
    }

.ding-cang div .shoufatong textarea {
    border: 1px solid #ccc;
    text-transform: uppercase;
    min-width: 90%;
    min-height: 5em;
    color: #aaa;
    border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.danzhengxinxi p em {
    font-style: normal;
    padding: 0 0 0 0;
    margin: 0 1.5em 5px 0;
    font-weight: 700;
    color: #f00;
    display: inline-block;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
}

.danzhengxinxi span {
    display: inline-block;
    margin-bottom: .5em;
}

.zuoduiqi span label {
    display: inline-block;
    width: 8em;
    text-align: right;
}

.duiqi-no {
    padding: 5px 5px 5px 10px;
}
/*.ding-cang input[type=text]{ height:1.5em; padding:.15em 0 .15em 0; margin:0;color:#5E5D6F}*/
.ding-cang input {
    border: 1px solid #ccc;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
}

.ding-cang .sbutton {
    padding: 4px 5px 4px 5px!important;
}



.sbutton {
    border: 0;
    width: 9em;
    margin-right: .25em;
    cursor: pointer;
    padding: 0;
    text-align: center;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    background: #ff5f25;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
    background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: linear-gradient(#ff5f25 0,#da3815 100%);
    text-shadow: 0 -1px rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
}
/*
.hw{ list-style:none; width:98%; margin:1em auto; display:block; clear:both;}
.hw li{ display:inline-block; padding:.25em 0 .25em 0; text-align:center; border:1px solid #ccc; border-left:none; background:#fff;}
.hw li:first-of-type{ border-left:1px solid #ccc}
.hw li span{display:block; border-bottom:1px solid #ccc;text-shadow:0 .1em .1em rgba(0,0,0,0.3);}
.hw li em{ font-style:normal; padding:.5em .25em .5em .25em; display:inline-block;}*/
.ding-cang .huowuleixing .huowu-block p span em {
    font-style: normal;
    display: inline;
    margin: 0 1em 0 1em;
    padding: 0;
    text-align: left;
}

.ding-cang .huowuleixing .huowu-block p span input {
    width: 100%;
}

.ding-cang .huowuleixing .huowu-block p span {
    display: inline-block;
    width: 35%;
    margin: 0 10px 0 10px;
}

.ding-cang .huowuleixing .huowu-block {
    margin: 0 auto;
}

.ding-cang-dan {
    margin-top: 30px;
    margin-bottom: 30px;
}

    .ding-cang-dan > div {
        width: 96%;
        margin-bottom: 15px;
        -webkit-box-shadow: 0 0 5px #f6f6f6;
        -moz-box-shadow: 0 0 5px #f6f6f6;
        box-shadow: 0 0 5px #f6f6f6;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f6f6f6;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 15px;
        padding-top: 5px;
        margin: 0 auto;
    }

.dingcangdan {
    margin: 0 auto 1.5em;
    border-collapse: collapse;
    border: 1px solid #ccc;
}

    .dingcangdan caption {
        text-align: center;
        font-size: 1.8em;
        margin: .25em .25em 1em .25em;
        color: #333;
        font-weight: 700;
    }

    .dingcangdan td {
        border: 1px solid #999;
        padding: 0 .5em .5em .5em;
        line-height: 1.8em;
        ;
        color: #000040;
    }

        .dingcangdan td strong {
            font-weight: normal;
        }

        .dingcangdan td em {
            display: block;
            font-style: normal;
            margin: .75em 0 0 0;
        }

        .dingcangdan td span {
            margin: 0 0 0 1em;
            color: #000040;
        }

.ding-cang-dan p {
    margin: 0 auto;
    text-align: center;
}

    .ding-cang-dan p button {
        padding: .5em 1em .5em 1em;
    }

.dingcangdan td table {
    margin-top: 5px;
}

.ding-cang-dan p button {
    border: 0;
    width: 9em;
    margin-right: .25em;
    margin-bottom: .25em;
    cursor: pointer;
    padding: 5px;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    color: #fff;
    text-align: center;
    letter-spacing: .05em;
    background: #ff5f25;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
    background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: linear-gradient(#ff5f25 0,#da3815 100%);
    text-shadow: 0 -1px rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
}

.dingcangzhang {
    width: 150px !important;
    height: 100px;
    float: right;
    margin-right: 10px !important;
}

    .dingcangzhang td {
        border: 2px medium !important;
        border-color: black !important;
        font-size: large;
        text-align: left !important;
    }

        .dingcangzhang td em {
            letter-spacing: 8px;
            font-size: larger;
            font-family: MingLiU;
            font-weight: bold;
        }

section.promotion {
    margin: 1em auto;
    max-width: 96%;
}

.promotion > section {
    border: 2px solid #FFCC99;
    padding: 1em;
    margin: 2em 0 2em 0;
    min-height: 18em;
}

    .promotion > section h2 {
        background: url(../i/promotion_bg.png)left top no-repeat transparent;
        min-height: 93px;
        margin-left: -1.3em;
        text-shadow: none;
        font-weight: bold;
    }

        .promotion > section h2 span {
            font-size: 16px;
            font-family: Arial, Helvetica, sans-serif;
            line-height: 1.5em;
            color: white;
            padding: 1em 0 0 1em;
            text-align: left;
            display: block;
        }

.promotion-left {
    width: 50%;
    float: left;
    min-height: 280px;
}

    .promotion-left table {
        width: 60%;
        border-collapse: collapse;
        border: 1px solid #ccc;
        margin-top: 10px;
    }

        .promotion-left table th, .promotion-left table td {
            width: 50%;
            text-align: center;
            height: 2em;
            border: 1px solid #ccc;
        }

        .promotion-left table th {
            background: #f1f1f1;
        }

        .promotion-left table span {
            color: #F47134;
            font-size: 1.2em;
            font-weight: bold;
        }

.promotion-right {
    text-align: left;
    background: url(../i/promotion_bg_1.png)right top no-repeat;
}

    .promotion-right p {
        line-height: 2em;
        padding-left: 1em;
        font-weight: bold;
        color: #F47134;
    }

        .promotion-right p b {
            display: inline-block;
            color: #666;
        }

        .promotion-right p img {
            border: 1px solid #FC3;
        }

.promotion-left p {
    text-align: left;
    margin-bottom: 1em;
}

.promotion > section p input[type="button"] {
    cursor: pointer;
    border: 0;
    cursor: pointer;
    padding: .25em 2em .25em 2.5em;
    width: auto;
    text-align: center;
    -webkit-border-radius: .25em;
    -moz-border-radius: .25em;
    border-radius: .25em;
    color: #fff;
    letter-spacing: .5em;
    background: #ff5f25;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
    background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
    background: linear-gradient(top,#ff5f25 0,#da3815 100%);
    text-shadow: 0 -1px rgba(0,0,0,0.4);
    border-top: 1px solid rgba(255,255,255,0.6);
    border-bottom: 1px solid rgba(0,0,0,0.4);
    -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
    box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
}

.promotion_bt {
    text-align: left;
}

.orderdetails {
    clear: both;
    width: 100%;
    margin: 1em auto;
    float: left;
    color: #666;
    font-size: 12px;
}

    .orderdetails > section {
        width: 98%;
        float: left;
        padding: 0 0 1.5em 0;
        margin: 0 1% 0 1%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: 0 0 8px #ccc;
        -moz-box-shadow: 0 0 8px #ccc;
        box-shadow: 0 0 8px #ccc;
        background: #fff;
    }

        .orderdetails > section hgroup {
            margin: 0 auto;
            clear: both;
            height: auto;
        }

        .orderdetails > section > section > aside:first-of-type {
            width: 49%;
            float: left;
        }

        .orderdetails > section > section p {
            margin: 0 0 0 1em;
        }

        .orderdetails > section > section h2 {
            line-height: 1.5em;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            font-family: Arial, Helvetica, sans-serif;
            color: #5E5D6F;
            font-size: 14px;
        }

            .orderdetails > section > section h2:first-of-type {
                margin-top: .5em;
            }

            .orderdetails > section > section h2 em {
                font-style: normal;
                margin-right: 1em;
                display: inline-block;
                float: left;
                width: 80px;
                color: #5E5D6F;
                text-align: right;
                font-size: 12px;
            }

        .orderdetails > section > section h3 em {
            line-height: 1.5em;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            font-family: Arial, Helvetica, sans-serif;
            color: #F00;
            font-weight: 700;
        }

        .orderdetails > section > section h3 em {
            font-style: normal;
            margin-right: 1em;
            display: inline-block;
            float: left;
            color: #5E5D6F;
            width: 80px;
            font-size: 12px;
            font-weight: normal;
            text-align: right;
        }

        .orderdetails > section > p {
            margin: .25em 0 0 .5em;
        }

            .orderdetails > section > p button {
                padding: .25em 1em .25em 1em;
            }

            .orderdetails > section > p input {
                margin: 0 .25em 0 1em;
            }

        .orderdetails > section > section > div {
            width: 49%;
            float: right;
        }

            .orderdetails > section > section > div > ul {
                list-style: none;
                width: 98%;
            }

                .orderdetails > section > section > div > ul li {
                    float: left;
                    color: #F00;
                }

                    .orderdetails > section > section > div > ul li em {
                        font-style: normal;
                        display: inline-block;
                        margin: 0 .5em .25em 2em;
                        text-align: right;
                        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
                        color: #5E5D6F;
                    }

        .orderdetails > section > div {
            float: left;
            width: 49%;
            padding-left: 1%;
            clear: both;
        }

    .orderdetails .orderitem {
        background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(50%,#f9f9f9), color-stop(100%,#f8f8f8));
        background: -moz-linear-gradient(top,#fff 0,#f9f9f9 50%,#f8f8f8 100%);
        background: -o-linear-gradient(top,#fff 0,#f9f9f9 50%,#f8f8f8 100%);
        background: -ms-linear-gradient(top,#fff 0,#f9f9f9 50%,#f8f8f8 100%);
        background: linear-gradient(top,#fff 0,#f9f9f9 50%,#f8f8f8 100%);
        margin: 1em 0 0 0;
        width: 98%;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-box-shadow: 0 0 8px #aaa;
        -moz-box-shadow: 0 0 8px #aaa;
        box-shadow: 0 0 8px #aaa;
    }

        .orderdetails .orderitem h4 {
            margin: 1em .5em 0 .5em;
            padding-top: .5em;
            font-weight: 700;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            color: #F00;
            font-size: 1.15em;
        }

.contentitem {
    padding: .5em 1em;
}

    .contentitem p {
        line-height: 1.8em;
        font-family: Arial, Helvetica, sans-serif;
    }

    .contentitem > p > em, .contentitem > aside > p > em {
        font-weight: normal;
        display: inline-block;
        width: 16%;
        text-align: right;
        font-style: normal;
        color: #666;
    }

    .contentitem p > strong {
        width: 80%;
        display: inline-block;
        float: right;
        font-weight: 700;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        color: #333;
    }

        .contentitem p > strong > span {
            color: #333;
            margin: 0 1em 0 0;
        }

    .contentitem p input[type="text"] {
        height: 22px;
        margin: 0;
        padding: 0;
        border: 1px solid #ccc;
        -webkit-border-radius: .2em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        margin: 2px 0 2px 0;
        text-indent: 3px;
    }

    .contentitem p strong em {
        font-weight: normal;
        font-style: normal;
        color: #666;
        text-shadow: none;
        margin: 0 .5em 0 1em;
    }

    .contentitem p strong input {
        height: 15px !important;
        line-height: 1em;
        margin: 0;
        padding: 0;
    }

.orderitem > p:last-of-type {
    padding: 0 0 .25em 1em;
    text-align: right;
}

    .orderitem > p:last-of-type button {
        padding: .25em 1em .25em 1em;
        min-width: 5em;
        margin-right: 1em;
    }

.contentitem h5 {
    margin: 0 auto;
    text-align: center;
    width: 98%;
    word-wrap: break-word;
}

    .contentitem h5 img {
        border: 1px solid gold;
    }

.contentitem h6 {
    margin: .5em 0 .5em 0;
}

    .contentitem h6 strong {
        font-weight: normal;
    }

.contentitem h3 {
    font-size: 12px;
    margin-bottom: 5px;
}

.contentitem blockquote {
    font-weight: 400;
    line-height: 1.5em;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: .25em 0 .25em 1em;
    color: #444;
    border-bottom: 1px dashed #ccc;
}

.contentitem > ul {
    list-style: none;
    display: block;
    clear: both;
    margin: 0 auto;
    width: 100%;
}

    .contentitem > ul li {
        font-weight: 700;
        margin: .25em 0 .25em 0;
        width: 48%;
        float: right;
    }

        .contentitem > ul li span {
            color: #333;
        }

        .contentitem > ul li:nth-of-type(odd) {
            margin-left: 2%;
        }

        .contentitem > ul li em {
            font-weight: normal;
            width: 70px;
            display: inline-block;
            text-align: right;
            margin-right: 1em;
            font-style: normal;
        }

.contentitem p code {
    color: #F00;
    margin: 0 .25em 0 .5em;
}

.contentitem aside {
    clear: both;
    width: 100%;
    padding-top: .5em;
}

    .contentitem aside p {
        line-height: 1.5em;
    }

.contentitem table {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
    padding: 0;
}

    .contentitem table thead td {
        vertical-align: top;
        text-align: center;
        padding: 0.25em .1em 0.25em .1em;
        border: 1px solid #ccc;
        background: #4787ED;
        color: #5E5D6F;
        font-weight: bold;
        color: #fff;
    }
    /* .contentitem .pricetable thead td,.contentitem .pricetable td{ border:none; background:none; color:#5E5D6F;;}*/
    .contentitem table td {
        text-align: left;
        padding: .2em .1em .2em .1em;
        border: 1px solid #ccc;
        text-align: center;
        vertical-align: middle;
        width: auto;
        ;
    }

.contentitem p select {
    margin-left: 2em;
    width: 80px;
}

.contentitem p .cangdaninput {
    margin-left: 2em;
    -webkit-border-radius: .2em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    border: 1px solid red;
}

.contentitem p .xiaodaninput, .contentitem p .yijiainput {
    -webkit-border-radius: .2em;
    -moz-border-radius: .3em;
    border-radius: .3em;
}

.contentitem p .yijiainput {
    margin-left: 1em;
}

.zxremark {
    margin-left: 3em;
    width: 60%;
    -webkit-border-radius: .3em;
    -moz-border-radius: .3em;
    border-radius: .3em;
    border: 1px solid #ccc;
}

.contentitem p .haiwaiselect {
    width: 120px;
    margin-right: 1em;
}

.contentitem > p > span {
    margin-left: 1em;
    font-weight: bold;
    color: #00F;
}

.querenshu {
    margin: .5em 0 0 .5em;
    color: red;
}

.docitem {
    float: right;
    width: 49%;
}

.contentitem > h5 > em {
    color: #00F;
    margin: 0 0 0 .5em;
    font-style: normal;
}

.contentitem h5 {
    text-align: left;
    margin-bottom: .5em;
    font-weight: 700;
    color: #333;
}

.contentitem ol {
    list-style-position: inside;
    margin: 0 0 .5em 0;
}

    .contentitem ol li {
        margin: .25em 0 .25em 0;
    }

.contentitem > ol > li em {
    font-weight: 700;
    font-style: normal;
    margin: .5em;
    color: #00F;
}

.contentitem > ol > li .colorchanged {
    color: #666;
    font-weight: normal;
    font-style: normal;
}

    .contentitem > ol > li .colorchanged:first-of-type {
        color: #f60;
        font-weight: bold;
    }

.contentitem ol li em:first-of-type {
    color: #000040;
}

.remarkcontent {
    width: 98%;
    margin: 1em 0 1em 1em;
}

    .remarkcontent textarea {
        width: 98%;
        min-height: 5em;
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #ccc;
    }

.docitem .contentitem > div textarea {
    width: 90%;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    border: 1px solid #ccc;
}

.docitem .remark-area {
    width: 80%;
    margin: auto;
}

.contentitem > .fanye, .vessellist > .fanye {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .orderitem > .contentitem > .fanye > em, .vessellist > .fanye > em {
        margin: .25em .5em 0 .5em;
        font-style: normal;
        display: inline-block;
        font-weight: bold;
        width: 1em;
    }

        .orderitem > .contentitem > .fanye > em a, .vessellist > .fanye > em a {
            border: 1px solid #fff;
            color: #666;
        }

            .orderitem > .contentitem > .fanye > em a:hover, .orderitem > .contentitem > .fanye > .dangqian a, .vessellist > .fanye > em a:hover, .vessellist > .fanye > .dangqian a {
                color: blue;
                text-decoration: underline;
            }

.contentitem p .docshenhe {
    display: block;
    margin: 1em 1em 1em -1em;
    width: 300px;
}

.orderitem > .baohanw button {
    width: 100px;
    padding: .0 .5em 0 .5em;
}
/*#activemenu{ color:#FF0}
.priceup,.pricedown{ font-weight:bold;}
.priceup{ color:red}
.pricedown{ color:green}*/

.scroll-tab {
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ccc;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    padding: 0;
    background: #fff;
}

    .scroll-tab table td {
        padding: 5px;
    }

.backpage {
    text-transform: uppercase;
    width: 100%;
    margin: 1em auto;
    clear: both;
}

    .backpage > p:first-of-type, .frontpage > p:first-of-type {
        font-family: Arial, Helvetica, sans-serif;
        margin: .25em .25em .25em .5em;
        color: #5E5D6F;
    }

    .backpage > p span {
        margin: 0 .5em 0 .5em;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

        .backpage > p span:last-of-type {
            font-family: Arial, Helvetica, sans-serif;
            color: #00F;
        }

    .backpage > p button {
        padding: .15em .25em .15em .25em;
        color: #444;
    }

    .backpage > ul {
        margin: 1em;
        list-style: inside none;
        margin: 0 auto;
        width: 98%;
        clear: both;
    }

        .backpage > ul li {
            display: inline-block;
            margin: 0 1em 0 0;
            vertical-align: top;
        }

            .backpage > ul li h3 {
                text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
                font-size: 1em;
                margin: 0 0 .5em 0;
                padding: 0;
                text-align: center;
                font-weight: 700;
            }

            .backpage > ul li a {
                line-height: 1em;
                border: 0;
                display: block;
                width: 120px;
                cursor: pointer;
                padding: .5em 0;
                text-align: center;
                -webkit-border-radius: .4em;
                -moz-border-radius: .4em;
                border-radius: .4em;
                font-size: 1em;
                color: #fff;
                text-align: center;
                letter-spacing: .05em;
                background: #ff5f25;
                background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff5f25),color-stop(100%,#da3815));
                background: -moz-linear-gradient(top,#ff5f25 0,#da3815 100%);
                background: -o-linear-gradient(top,#ff5f25 0,#da3815 100%);
                background: -ms-linear-gradient(top,#ff5f25 0,#da3815 100%);
                background: linear-gradient(#ff5f25 0,#da3815 100%);
                text-shadow: 0 -1px rgba(0,0,0,0.4);
                border-top: 1px solid rgba(255,255,255,0.6);
                border-bottom: 1px solid rgba(0,0,0,0.4);
                -webkit-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
                -moz-box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
                box-shadow: inset 0 0 5px #d84a16,0 0 8px #d6afa0;
                margin-bottom: 0.2em;
                margin-top: .5em;
            }

#activemenu {
    color: #FF0;
}

.vessellist {
    clear: both;
    margin: 1em auto 0;
    width: 100%;
    clear: both;
    background: #fff;
    min-height: 400px;
    padding: .5em 0 0 0;
}

    .vessellist ul {
        clear: both;
        margin: 0;
        padding: 0;
    }

        .vessellist ul li {
            margin-bottom: 1em;
            display: inline-block;
        }

    .vessellist li p select {
        width: 10em;
        margin: 0;
        padding: 0;
    }

    .vessellist > .feiyongbutton {
        line-height: 1em;
        margin: 0 0 0 1em;
        padding: 0;
    }

        .vessellist > .feiyongbutton > button {
            padding: .25em .5em .25em .5em;
        }

    .vessellist p label {
        float: left;
        width: 85px;
        display: block;
        text-align: right;
        margin-top: .25em;
        padding-right: .15em;
        font-size: 1em;
        font-weight: 700;
    }

    .vessellist li p input, .vessellist li p select {
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #aaa;
        font-family: "微软雅黑" Arial, Helvetica, sans-serif;
    }

    .vessellist p select {
        height: 25px;
        margin-right: .5em;
    }

        .vessellist p select:last-of-type {
            margin-left: .5em;
        }

    .vessellist table {
        width: 99%;
        margin: 0 auto;
        text-align: center;
        border-collapse: collapse;
        padding: 0;
    }

        .vessellist table a {
            color: #00F;
            display: block;
        }

        .vessellist table thead td, .feiyonglist table thead td {
            vertical-align: top;
            text-align: center;
            padding: 0.5em 0 .5em 0;
            border: 1px solid #ccc;
            background: #4787ED;
            color: #5E5D6F;
            font-weight: bold;
            color: #fff;
            ;
            font-family: Arial, Helvetica, sans-serif;
        }

        .vessellist table td, .feiyonglist table td {
            text-align: left;
            padding: 5px 10px 5px 10px;
            border: 1px solid #ccc;
            text-align: center;
            vertical-align: middle;
            width: auto;
            ;
        }

        .vessellist table tr:hover {
            background: #eee;
        }

.feiyonglist table {
    width: 99%;
    margin: 1em auto;
    text-align: center;
    border-collapse: collapse;
}

.feiyonglist > div {
    margin: .5em .5em .5em 1em;
}

    .feiyonglist > div > h4 {
        font-size: 14px;
        color: #000;
        font-family: "微软雅黑" Arial, Helvetica, sans-serif;
    }

        .feiyonglist > div > h4 > em:first-of-type {
            color: #00F;
            font-weight: bold;
        }

        .feiyonglist > div > h4 > em:last-of-type {
            color: #F00;
            margin: .5em;
            text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
            font-weight: bold;
        }

    .feiyonglist > div > p, .feiyonglist > div > p > em {
        margin: .5em .5em .5em 0;
        font-style: normal;
    }

.chargestable tr:last-of-type {
    font-weight: 700;
    font-size: 1.1em;
    color: red;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    background: #eee;
}

.vessellist > p {
    margin: 1em 0 0 .5em;
    padding-top: 1em;
}

.vessellist > nav > p button {
    padding: .25em 1em .25em 1em;
}

.tabledata > h4 {
    margin: 1em 0 .5em .75em;
    font-weight: bold;
}

.tabledata > p > button {
    padding: .25em 1em .25em 1em;
}

.tabledata > p {
    margin-left: .25em;
    margin-bottom: .5em;
}

.tabledataselect {
    margin: 0 0 0 .5em;
}

.contentedit {
    clear: both;
    margin: 0 auto;
    width: 100%;
    padding-top: 2em;
}

    .contentedit > div {
        width: 30%;
        margin: 0 auto;
        padding: 1em;
        min-height: 20em;
        border: 2px solid red;
        clear: both;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
    }

        .contentedit > div p {
            line-height: 2.5em;
        }

        .contentedit > div > p button {
            padding: .5em 2em .5em 2em;
        }

    .contentedit table {
        border-collapse: collapse;
        border: 1px solid #ccc;
        width: 90%;
    }

        .contentedit table td {
            border: 1px solid #ccc;
            padding: .5em;
            text-align: center;
        }

.tabledata table caption {
    text-align: right;
}

    .tabledata table caption a {
        display: inline-block;
    }

.tabledata > p:first-of-type {
    clear: both;
    text-indent: .5em;
}

    .tabledata > p:first-of-type em {
        margin: 0 1em 0 .5em;
        font-style: normal;
        text-decoration: underline;
        color: #00F;
        font-weight: 700;
    }


.tongji {
    margin: 0 auto;
    width: 100%;
}

    .tongji h3 {
        margin: .5em;
        font-weight: bold;
    }

    .tongji table {
        margin: 0 auto;
        width: 98%;
        border-collapse: collapse;
        font-family: Arial, Helvetica, sans-serif;
    }

        .tongji table caption {
            text-align: right;
            margin: 0;
            padding: 0;
        }

        .tongji table td {
            border: 1px solid #ccc;
            text-align: center;
            vertical-align: middle;
            margin: 0;
            padding: .5em 0 .5em 0;
            color: #333;
        }

        .tongji table thead td {
            height: 2em;
            vertical-align: middle;
            background: -webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#d3d3d3));
            background: -moz-linear-gradient(top, #fdfdfd, #d3d3d3);
            color: #000;
            border: 1px solid #999;
        }

        .tongji table tr:nth-of-type(even) {
            background: #fff;
        }

            .tongji table tr:nth-of-type(even):hover, .tongji table tr:nth-of-type(odd):hover {
                background: #FFFF62;
            }

        .tongji table tr:nth-of-type(odd) {
            background: #f9f9f9;
        }

    .tongji ul {
        margin: 1em auto 0;
        width: 98%;
        list-style: none;
    }

        .tongji ul li {
            margin: .25em;
            display: inline-block;
        }

    .tongji li p select {
        width: 10.45em;
        margin: 0 0 0 .25em;
        padding: 0;
        display: block;
    }

    .tongji p label {
        float: left;
        width: 85px;
        display: block;
        text-align: right;
        margin: .25em;
        padding-right: .15em;
        font-size: 1em;
        font-weight: 700;
    }

    .tongji li p input, .tongji li p select {
        -webkit-border-radius: .3em;
        -moz-border-radius: .3em;
        border-radius: .3em;
        border: 1px solid #aaa;
        font-family: "微软雅黑" Arial, Helvetica, sans-serif;
    }

    .tongji ul li p button {
        padding: .25em 2em .25em 2em;
        margin: 0 0 0 1em;
    }

    .tongji .searchresult {
        width: 98%;
        margin: .5em auto;
    }

        .tongji .searchresult span {
            margin: 0 .25em 0 .5em;
            color: #000;
        }

        .tongji .searchresult em {
            font-weight: bold;
            margin: 0 .25em 0 .5em;
            color: #06C;
            font-style: normal;
            text-decoration: underline;
        }

            .tongji .searchresult em:first-of-type {
                margin-left: 0;
            }


.vessellist caption {
    text-align: left;
}

.vessellist .xianglianghuizong {
    text-align: left;
}

    .vessellist .xianglianghuizong em {
        font-style: normal;
        margin: 0 .5em 0 .5em;
        font-weight: bold;
        color: #F00;
    }

    .vessellist .xianglianghuizong button {
        margin-left: 1em;
    }

.huizongxiangliang em {
    font-style: normal;
    margin: 0 .5em 0 .5em;
    font-weight: bold;
    color: #00F;
    text-decoration: underline;
}

.xianghaook {
    background: #25EFFA;
}

.cangdanok {
    background: #FF0;
}

.contentitem p strong .colorfocus {
    color: #F00;
}

.huizongfencang td {
    font-weight: bold;
}

.billconfirmation {
    margin: 1em auto;
    clear: both;
    max-width: 90em;
}

    .billconfirmation > div {
        background: #ccc;
        width: 100%;
        margin: 0 auto;
        padding: 1em;
        border-radius: 0.8em;
        -webkit-border-radius: 0.8em;
        -moz-border-radius: 0.8em;
        -webkit-box-shadow: 0 0 10px #ccc;
        -moz-box-shadow: 0 0 10px #ccc;
        background: #fff;
        box-shadow: 0 0 10px #ccc;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f6f6f6));
        background: -moz-linear-gradient(top, #fff, #f6f6f6);
    }

    .billconfirmation h2 {
        width: 98%;
        font-weight: bold;
        margin: 0 auto;
        text-align: center;
        font-size: 24px;
        color: #C00;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
        padding-bottom: .25em;
    }

    .billconfirmation h3 {
        margin: .5em auto .25em;
    }

        .billconfirmation h3 input {
            padding: .15em 0 .15em 0;
            color: #aaa;
            -webkit-border-radius: .2em;
            -moz-border-radius: .3em;
            border-radius: .3em;
            border: 1px solid #ccc;
            vertical-align: middle;
        }

        .billconfirmation h3 button {
            padding: .25em 1.5em .25em 1.5em;
        }

    .billconfirmation table {
        margin: 0 auto;
        width: 98%;
        border-collapse: collapse;
    }

        .billconfirmation table td {
            border-collapse: collapse;
            border: 1px solid #ccc;
        }

        .billconfirmation table caption {
            text-align: left;
            margin: 1em 0 1em 0;
        }

        .billconfirmation table td {
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
            text-transform: uppercase;
        }

            .billconfirmation table td p {
                line-height: 1.5em;
                padding: .25em .5em .25em .5em;
                color: #666;
                font-family: Arial, Helvetica, sans-serif;
                font-size: 1em;
            }

            .billconfirmation table td em {
                display: block;
                text-transform: capitalize;
                color: #444;
                font-weight: normal;
                text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
                margin: 0;
                padding: .25em .5em .25em .5em;
            }

                .billconfirmation table td em span {
                    color: #F30;
                    font-style: normal;
                }

    .billconfirmation > div > p:last-of-type {
        width: 98%;
        margin: 0 auto;
    }

        .billconfirmation > div > p:last-of-type button, .billconfirmation table td p button {
            padding: .25em 1.5em .25em 1.5em;
        }

    .billconfirmation > div > table .xiangfenghaobill {
        border: none;
        width: 80%;
        margin: 2em auto 2em;
        margin-top: 0;
    }

        .billconfirmation > div > table .xiangfenghaobill td {
            border: none;
            padding: .05em;
        }

#bordernone td {
    border: none;
}

.billconfirmation > div > div {
    margin: 0 auto;
    width: 96%;
}

    .billconfirmation > div > div > h3 {
        font-weight: 700;
        margin: .25em 0 .5em 0;
    }

    .billconfirmation > div > div > textarea {
        width: 50%;
        margin: .5em auto;
        min-height: 5em;
    }


.billconfirmation div .billsample div textarea {
    line-height: 1em !important;
}



.baohan {
    line-height: 2;
    margin-top: 30px;
}

    .baohan table {
        margin-top: 15px;
        margin-bottom: 10px;
    }

        .baohan table .baohanleft {
            text-align: center !important;
        }

.billconfirmation div table .baohanleft {
    width: 20%;
}

.sft {
    margin: .5em .5em 0 .5em;
    width: 95%;
    font-family: Arial, Helvetica, sans-serif;
    color: #06C;
    font-weight: 700;
    line-height: 1.5em;
    min-height: 8em;
    text-transform: uppercase;
    border: 1px solid #ccc;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    padding: .25em;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
}

.tidanremark, .tidanremark strong {
    margin: 0 0 0 1em;
}

.billcontent {
    margin: 0;
    width: 95%;
    font-family: Arial, Helvetica, sans-serif;
    color: #06C;
    font-weight: 700;
    text-transform: uppercase;
    border: 1px solid #ccc;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    padding: .25em;
    text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
}

.querenhan, .debitnote, .feiyongquerendan, .yuzhuangxiang {
    margin: 1em auto;
    padding-bottom: 1em;
    clear: both;
    max-width: 65em;
    border: 1px solid #999;
    -webkit-border-radius: .8em;
    -moz-border-radius: .8em;
    border-radius: .8em;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
}

    .querenhan > h2, .debitnote > h2, .feiyongquerendan h2, .yuzhuangxiang h2 {
        text-align: center;
        font-weight: bold;
        font-size: 24px;
        padding: .5em 0 .25em 0;
        color: #000;
    }

    .querenhan > ul > li {
        display: inline-block;
        width: 34%;
        margin: .25em .25em .25em .25em;
        padding: 0 2em 0 2em;
        color: #333;
    }

    .querenhan > p > strong, .feiyongquerendan > p > strong {
        color: #000;
    }

    .querenhan > p, .feiyongquerendan > p {
        padding: 1em 2em 1em 2em;
        color: #000;
        line-height: 2em;
        text-shadow: 0 .1em .1em rgba(0,0,0,0.3);
    }

        .querenhan > p:first-of-type {
            text-align: right;
        }

    .debitnote > h2 {
        font-family: "Times New Roman", Times, serif;
    }

    .feiyongquerendan > ul, .yuzhuangxiang > ul {
        list-style: none;
        padding: 0 2em 0 2em;
        margin: 0 auto;
    }

        .feiyongquerendan > ul > li {
            display: inline-block;
            width: 48%;
        }

            .feiyongquerendan > ul > li p {
                margin: .5em 0 1em 0;
                color: #000;
            }

                .feiyongquerendan > ul > li p strong {
                    color: #000;
                }

    .feiyongquerendan > table, .debitnote table {
        width: 94%;
        margin: 0 auto;
        border-collapse: collapse;
    }

        .feiyongquerendan > table thead td {
            font-weight: bold;
        }

        .feiyongquerendan > table td, .debitnote table td {
            padding: .5em;
            border: 1px solid #ccc;
            text-align: center;
            color: #000;
        }

        .feiyongquerendan > table tr:last-of-type {
            font-weight: bold;
        }

.vessellist .caiwutitel {
    text-align: left;
    font-size: 14px;
    margin: .25em 0 1em 0;
}

.vessellist .caiwudata td:first-of-type {
    vertical-align: top;
}

.vessellist .caiwudata tr:last-of-type {
    font-weight: bold;
}

.debitnote table caption {
    text-align: right;
    margin: .5em;
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.debitnote .debitnoteco {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    height: 6em;
}

.debitnote table td p strong {
    color: #333;
    padding: .5em 0 .5em 0;
    display: block;
}

.debitnote table td p {
    text-align: left;
    line-height: 1.5em;
    font-weight: bold;
    color: #333;
    margin: .5em;
}

.debitnote table .noborder {
    border: none;
}

.yuzhuangxiang > ul > li {
    display: inline-block;
    width: 34%;
    margin: .25em .25em .25em .25em;
    color: #333;
}

.yuzhuangxiang > table {
    margin: 0 auto;
    width: 90%;
    border-collapse: collapse;
}

    .yuzhuangxiang > table td {
        border: 1px solid #ccc;
        padding: .5em;
        text-align: center;
    }

.yuzhuangxiang > p {
    width: 98%;
    margin: 0 auto;
    line-height: 1.5em;
}



@media only screen and (min-width: 992px) {
    #body-container {
        max-width: 1008px;
    }
}

@media only screen and (min-width: 1382px) {
    #body-container {
        max-width: 1008px;
    }
}

#homepageSlider {
    position: relative;
    overflow: hidden;
    background-color: #fff;
}

    #homepageSlider > .slider-wrap {
        position: relative;
        overflow: auto;
        height: 0;
        background-color: #000;
    }

        #homepageSlider > .slider-wrap div {
            position: relative;
            width: 100%;
            float: left;
            overflow: hidden;
        }

        #homepageSlider > .slider-wrap > div > div {
            position: relative;
            bottom: auto;
            right: auto;
            height: auto;
            padding: 4%;
            display: block;
            background-color: #000;
            filter: none;
            z-index: 0;
            font-size: 0.8em;
            text-align: left;
        }

            #homepageSlider > .slider-wrap > div > div > h3 {
                color: #e25543;
                text-shadow: #000 1px 1px 0;
                margin: 0;
            }

            #homepageSlider > .slider-wrap > div > div > p {
                color: #fff;
                margin: 0;
            }

            #homepageSlider > .slider-wrap > div > div a, #homepageSlider > .slider-wrap > div > div a:link, #homepageSlider > .slider-wrap > div > div a:visited {
                color: #9CF;
                font-weight: bold;
                text-decoration: none;
            }

                #homepageSlider > .slider-wrap > div > div a:hover {
                    text-decoration: underline;
                }

        #homepageSlider > .slider-wrap img {
            position: relative;
            top: auto;
            left: auto;
            height: auto;
            width: inherit;
            margin-top: auto;
        }

            #homepageSlider > .slider-wrap img.logo {
                float: left;
                max-width: 70;
                padding: 0 10 10 0;
            }

    #homepageSlider > .slider-thumbnails {
        display: none;
    }

div[id*='slider-arrow-'] {
    position: absolute;
    width: 15%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -khtml-opacity: 0.50;
    opacity: 0.50;
    cursor: pointer;
    z-index: 10;
}

    div[id*='slider-arrow-']:hover {
        position: absolute;
        width: 15%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        -khtml-opacity: 0.75;
        opacity: 0.75;
    }

#slider-arrow-left {
    left: 2%;
}

#slider-arrow-right {
    right: 2%;
}

@media only screen and (min-width: 600) {
    #homepageSlider > .slider-thumbnails > div > span {
        font-size: 0.4em;
    }
}

@media only screen and (min-width: 768px) {
    #homepageSlider {
        position: relative;
        z-index: 0;
    }

        #homepageSlider > .slider-thumbnails {
            position: relative;
            text-align: center;
            padding: 0;
            margin: 0;
            -moz-box-shadow: 0 0 25px 10 #000;
            -webkit-box-shadow: 0 0 25px 10 #000;
            box-shadow: 0 0 25px 10 #000;
            display: block;
        }

            #homepageSlider > .slider-thumbnails > .slider-arrow {
                position: absolute;
                top: 0;
                left: 0;
                height: 4px;
                width: 14.1%;
                z-index: 100;
                display: none;
                background-color: #e25543;
                border-left: solid 1px #e25543;
                border-right: solid 1px #e25543;
            }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap {
                position: relative;
                background-color: #232323;
                text-align: center;
                overflow: hidden;
                padding: 0;
                margin: 0;
            }

                #homepageSlider > .slider-thumbnails > .thumbnails-wrap img {
                    border: solid 0 #f6efdc;
                    margin-bottom: 5px;
                }

        #homepageSlider > .slider-wrap {
            position: relative;
            overflow: hidden;
            text-align: left;
        }

            #homepageSlider > .slider-wrap div {
                position: relative;
                float: left;
                width: 100%;
                height: auto;
            }

            #homepageSlider > .slider-wrap > div > div {
                position: absolute;
                bottom: 4.5%;
                right: 1.5%;
                width: 13%;
                height: 85.5%;
                padding: 1%;
                display: block;
                background-color: rgba(0, 0, 0, 0.7);
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#7f000000', endColorstr='#7f000000');
                color: #fff;
                z-index: 10;
                font-size: 120%;
            }

            #homepageSlider > .slider-wrap img {
                position: relative;
                top: auto;
                left: auto;
                width: auto;
                height: auto;
                margin: 0;
                clear: right;
                display: inline;
            }

        #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a {
            width: 16%;
            padding: 1% 1% 1% 0.5%;
            text-align: center;
            display: inline-block;
            vertical-align: top;
            border-right: solid 1px #000000;
            cursor: pointer;
            line-height: 0.75em;
            text-decoration: none;
        }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a:last-child {
                border-right: none;
                padding: 1% 0.5% 1% 0.5%;
            }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a > span {
                text-transform: uppercase;
                font-size: 10px;
                color: #868686;
            }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a > img {
                -moz-box-shadow: 0 0 5px #000;
                -webkit-box-shadow: 0 0 5px #000;
                box-shadow: 0 0 5px #000;
                border: solid 1px #c3c2c2;
                opacity: 0.5;
            }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a:hover img, #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a.selected img {
                position: relative;
                -moz-box-shadow: 0 0 5px #fff;
                -webkit-box-shadow: 0 0 5px #fff;
                box-shadow: 0 0 5px #fff;
                border: solid 1px #fff;
                opacity: 1.0;
                cursor: default;
            }

            #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a:hover span, #homepageSlider > .slider-thumbnails > .thumbnails-wrap > a.selected span {
                color: #fff;
            }
}


@media (max-width:767px) {
    .baoguan form ul li {
        width: 46.5%;
        margin: 0 auto;
    }
}

@media (max-width:767px) {
    .shui {
        position: static !important;
    }

    .chandi > div p input, .chandi form input, .chandi form textarea, .chandi > div p button {
        width: 80%;
        margin: 5px auto;
    }

    .chuanqi-index {
        width: 100%;
    }

    .baoguan form ul li {
        width: 45%;
        margin: 0 10px 0 10px;
    }

    .baoguan form p input[type="text"], .baoguan form p select, .baoguan form > div p input {
        width: 45%;
    }

    .baoguan form p .button {
        width: 100%;
    }

    .carrier-logo {
        width: 45%;
        text-align: center; margin-left:2%;
    }
    .offer-tab table {
        width: 98%;
        margin: 0 auto;
    }

    .offer-tab {
        -webkit-box-shadow: 0 0 5px #f6f6f6;
        -moz-box-shadow: 0 0 5px #f6f6f6;
        box-shadow: 0 0 5px #f6f6f6;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f6f6f6;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding: 5px 0 10px 0;
    }

    .off-content {
        width: 96%;
        -webkit-box-shadow: 0 0 8px #999;
        -moz-box-shadow: 0 0 8px #999;
        box-shadow: 0 0 8px #999;
        border: #f9f9f9 1px solid;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
    }

    .chuanqi-index > div {
        width: 100%;
        border: #f9f9f9 1px solid;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        box-shadow: none;
    }

    .offer-content-m {
        clear: both; font-size:12px;
        width: 100%;
        float: none;
        padding: 5px;
        margin: 0 auto;
    }

        .offer-content-m > p:last-of-type {
            padding: 5px;
        }

        .offer-content-m > p:first-of-type span {
            display: block;
            width: 100%;
            margin: 0 auto 3px;
            padding: 0;
        }

        .offer-content-m > p span strong {
            display: inline-block;
            width: 60px;
            font-weight: normal;
            text-align: left;
        }

    .yun-jia-offer {
        width: 100%;
        margin: 0 auto;
    }

        .yun-jia-offer .yunjia-p {
            display: block;
            width: 98%;
            clear: both;
            margin: 0 auto 25px;
            padding: 0 0 0 5px;
            height: 60px;
        }

            .yun-jia-offer .yunjia-p span {
                display: block;
                text-align: left;
                margin: 3px 0 3px;
                padding: 0;
            }

                .yun-jia-offer .yunjia-p span:last-of-type {
                    float: none;
                }

            .yun-jia-offer .yunjia-p strong {
                display: inline-block;
                width: 80px;
            }

    .beizhu p em {
        display: block;
        margin: 5px 0 0 0;
        padding: 0;
    }

    .ding-cang > div dl dd p span {
        display: block;
    }

    .ding-cang .duiqi-s span {
        display: block;
        width: 100%;
    }

        .ding-cang .duiqi-s span em {
            display: inline-block;
            width: 80px;
        }

    .ding-cang > div .remark-booking {
        line-height: 1em;
    }

        .ding-cang > div .remark-booking em {
            margin: 5px 0 10px 0;
            padding: 0 5px 0 0;
            line-height: 1.5em;
            display: block;
        }

            .ding-cang > div .remark-booking em:last-of-type {
                margin-left: 0;
            }

    .shoufatong div {
        display: inline-block;
        width: 100%;
    }

    .shoufatong h3 {
        margin: 10px 0 5px 0;
    }

    .shoufatong textarea {
        width: 96%;
        margin: 0 auto;
    }

    .huowuleixing .huowu-block {
        margin: 0 auto;
    }

        .huowuleixing .huowu-block p span {
            display: block;
            margin: 5px 5px 5px 0;
            width: 95%;
        }

        .huowuleixing .huowu-block input[type="text"] {
            width: 100%;
        }

        .huowuleixing .huowu-block p span em {
            display: block;
            width: 100%;
            text-align: left;
            margin: 0;
            padding: 0;
        }

    .ding-cang .huowuleixing .huowu-block p span {
        display: inline-block;
        width: 45%;
    }

    .promotion > section {
        background: none;
        padding: 1em 0 1em 1em;
    }

        .promotion > section h2 {
            background: url(../i/promotion_bg_s.png)left top no-repeat transparent;
            min-height: 56px;
            font-size: 12px;
            position: relative;
            z-index: 99999;
        }

            .promotion > section h2 span {
                font-size: 100%;
                color: white;
                padding: .5em 0 0 .5em;
            }

    .promotion-left {
        width: 100%;
        min-height: 10em;
    }

        .promotion-left table {
            min-width: 200px;
            position: relative;
            z-index: 88888;
        }

    .promotion-right {
        width: 100%;
        padding: 0;
        margin: 0 0 0 -1em;
        position: relative;
        z-index: 2;
        background: none;
    }

    .promotion-left table {
        width: 80%;
    }

    .promotion-right p b {
        width: 55%;
        text-align: center;
    }

    .promotion-right p {
        line-height: 1em;
    }

    .promotion_bt {
        text-align: center;
    }

    .promotion-right p img {
        margin-top: 10px;
    }

    .orderdetails > section > div, .docitem {
        float: none;
        width: 100%;
        margin: 0 auto;
    }

    .orderdetails > section {
        width: 99%;
        margin: 0 auto;
        float: none;
    }

    .chandi .no-width input[type="file"] {
        width: 100% !important;
        margin: 5px 0 5px 0 !important;
    }

    .chandi section .no-width .button {
        width: 100px !important;
    }

    #locateMapFrame {
        width: 100%;
    }
}

@media (max-width:680px) {
    .chandi form label, .chandi .baoguanweituo label {
        text-align: left;
        width: 80%;
        margin: 0;
        padding: 0;
    }

    .chandi > section > form > p:first-of-type label {
        text-align: left;
        display: block;
        width: 80%;
        margin: 0 auto;
    }

    .chandi section form p:first-of-type label {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .chandi > div p input, .chandi form input, .chandi form textarea {
        width: 100% !important;
    }

    .chandi form .no-width span label, .chandi form .no-width span input, .chandi form .no-width input {
        display: inline !important;
        padding: 0 !important;
        margin: 0 5px 0 5px !important;
        width: auto !important;
    }

    .chandi form .no-width input {
        padding: 0 5px 0 5px !important;
    }

    .chandi div p:first-of-type .button, .chandi div p:first-of-type input {
        width: 90% !important;
    }

    .chandi > div, .chandi > .zhuang-xiang, .chandi > section, .chandi form {
        width: 100%;
    }

    .baoguan form p input, .baoguan form div input {
        width: 100%;
    }

    .baoguan form p input, .baoguan form div input {
        width: 45%;
    }

    .baoguan form .no-block-i input {
        width: 45%;
    }

    .baoguan form ul li {
        width: 96% !important;
    }
}

@media (max-width:472px) {
    .services .box {
        width: 100%;
        margin: 0 auto;
        float: none;
        margin: 10px 0 10px 0 !important;
    }

    .promotions > ol > li {
        width: 100%;
        text-align: left;
    }

    .quick-search > form input {
        display: block;
        width: 100%;
        margin: 8px 0 10px;
    }

    .cfsquick-search > input {
        display: block;
        width: 100%;
        margin: 8px 0 10px;
    }

    .quick-search > form {
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef));
        background: -moz-linear-gradient(top, #fff, #efefef);
        -webkit-box-shadow: 0 0 5px #f6f6f6;
        -moz-box-shadow: 0 0 5px #f6f6f6;
        box-shadow: 0 0 5px #f6f6f6;
    }

    #contact-us-form {
        margin: 1em auto;
        min-height: auto;
        width: 100%;
    }

    .chuanqitable {
        -webkit-box-shadow: 0 0 5px #f6f6f6;
        -moz-box-shadow: 0 0 5px #f6f6f6;
        box-shadow: 0 0 5px #f6f6f6;
        overflow-y: hidden;
        overflow-x: scroll;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #f6f6f6;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 15px;
    }

        .chuanqitable > table > tbody td p:last-of-type em {
            display: block;
        }

        .chuanqitable > table > tbody td p:last-of-type {
            height: 40px;
            margin-top: 0;
        }

            .chuanqitable > table > tbody td p:last-of-type i {
                display: none;
            }

            .chuanqitable > table > tbody td p:last-of-type strong {
                font-size: 14px;
            }

        .chuanqitable caption span {
            display: block;
            width: 100%;
            margin: 5px 0 10px 0;
            clear: both;
            float: none;
        }

    .cargotracking {
        width: 100%;
        height: auto !important;
    }

    #contact-us-form, .cargotracking {
        margin: 2em auto;
        min-height: auto !important;
    }

    .chandi > div, .chandi > .zhuang-xiang, .chandi > section, .baoguan form {
        width: 100%;
    }

        .chandi form label, .baoguan form label {
            text-align: left;
            width: 80%;
            margin: 0;
            padding: 0;
        }

    .chandi section form p:first-of-type label {
        text-align: left;
        margin: 0;
        padding: 0;
    }

    .chandi > .zhuang-xiang > div {
        width: 100% !important;
    }

    .ding-cang > div, .ding-cang-dan {
        width: 100%;
    }

    .danzhengxinxi p span {
        display: block;
    }

    .ding-cang .huowuleixing .huowu-block p span {
        width: 90%;
    }

    .ding-cang .duiqi span {
        display: block;
    }

    .duiqi-no {
        padding: 5px;
    }
}