﻿/*Home*/   /*Home*/     /*Home*/     /*Home*/

.banner{
	margin: 0 auto;
    width:100%;
    position:relative;
}
.banner img{
	width: 100%;
}
.banner-input {
    width:575px;
    height:200px;
    position:absolute;
    top:10%;
    left:27%;
    padding:50px;
    }
.banner-input input {
    width:150px;
    height:100px;
    margin-top:10px;
    padding-left:10px;
    }
.head,.footer,.bg-grey,.banner{
	min-width: 1024px;
}
.jq22-search-form {
	width: 710px;
	margin: 100px auto;
	/*overflow: hidden;*/
}

.jq22-search-form .search-bd {
	height: 40px;
}

.jq22-search-form .search-bd li {
	font-size: 14px;
	width: 80px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	float: left;
	cursor: pointer;
	background-color: #eee;
	color: #666;
}

.jq22-search-form .search-bd li.selected {
	color: #fff;
	background-color: #fe3000;
}

.jq22-search-form .search-hd {
	height: 50px;
	background-color: #499de1;
	padding: 3px;
	position: relative;
}

.jq22-search-form .search-hd .search-input {
    width: 95%;
    margin-top: 0px;
    height: 30px;
    line-height: 22px;
    /* padding: 6px 0; */
    background: none;
    text-indent: 10px;
    border: 0;
    outline: none;
    position: relative;
    top: 0;
    z-index: 5;
    padding-left:0px;
    padding-top: 1px;
    /* font-size: 16px; */
}
.search-input_ul {
    width:300px;
    max-height:245px;
    overflow:auto;
    background:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    /*margin-left:70px;*/
    bottom:0px;
    z-index: 999;
    padding:0px 0px 10px 0px;
    display:none;
}
.search-input_uls {
    width:230px;
    height:auto;
    width:250px;
    height:auto;
    background:#fff;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    margin-left:97px;
    bottom:0px;
    border:1px solid #ccc;
    z-index: 999;
    padding:0px 0px 10px 0px;
    position: absolute;
    top: 56px;
    display:none;
}
.search-input_li {
    padding:3px 10px 3px 10px;
    cursor:pointer;
}
.search-input_li:hover {
    color:#fff;
    background:#499de1;
}
.jq22-search-form .search-hd .search-inputs {
	width: 95%;
    margin-top: 0px;
    height: 30px;
    line-height: 22px;
    /* padding: 6px 0; */
    background: none;
    text-indent: 10px;
    border: 0;
    outline: none;
    position: relative;
    top: 0;
    z-index: 5;
    padding-left:0px;
    padding-top: 1px;
    /* font-size: 16px; */
}

.jq22-search-form .search-hd .btn-search {
	width: 105px;
	height: 34px;
	line-height: 34px;
	position: absolute;
	right: 3px;
	top: -10px;
	border: 0;
	z-index: 6;
	cursor: pointer;
	font-size: 14px;
	color: #fff;
	background: none;
	outline: none;
}
.jq22-search-form .search-hd .btn-search_shipment{
	position: absolute;
    width: 105px;
    height: 50px;
    line-height: 50px;
    top: -2px;
    left: 600px;
    border: 0;
    z-index: 1000;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    background: none;
    outline: none;
    text-align: center;
}
.jq22-search-form .search-hd .pholder {
	display: inline-block;
	font-size: 14px;
	color: #999;
	position: absolute;
	left: 13px;
	top: 18px;
	z-index: 4;
}

.jq22-search-form .search-hd .pholders {
	display: inline-block;
	font-size: 14px;
	color: #999;
	position: absolute;
	left: 310px;
	top: 18px;
	z-index: 4;
}

.jq22-search-form .search-hd .s2,
.jq22-search-form .search-hd #s2 {
	display: none;
}

.jq22-search-form .search-hd .s4,
.jq22-search-form .search-hd #s4 {
	display: none;
}

.jq22-search-form .search-bg {
	width: 595px;
	height: 50px;
	background-color: #fff;
	position: absolute;
	left: 3px;
	top: 3px;
	z-index: 1;
}

.bg-grey{
    width: 100%;
	margin:auto;
	padding: 40px 0;
    position:relative;
    z-index:999;
	display: inline-block;
	min-height: 220px;
	background: #f5f5f5;
}
.home_content ul li{
	width: 340px;
    height:270px;
	float:left;
}
.home_content ul li a{
	width: 340px;
    height:270px;
}
.home_content {
    width: 1024px;
	margin: 0 auto;
	padding: 0 24px;
	text-align: center;
}
.p-box ul li.trangle img{
	width: 166px;
	height: 180px;
}
.p-box ul li.trangle span,.platform ul li.pf span{
	display: block;
	padding: 0 40px;
	color: #919191;
	line-height: 22px;
}
.p-box ul li.trangle span h2,.platform ul li.pf h2{
	margin-bottom: 8px;
	font-size: 18px;/*18px;*/
	color: #333;
}
/*Home*/


/*Booking*/
.Booking_table {
        border: 1px solid #ccc;
        width: 80%;
        margin: 0;
        padding: 0;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 0 auto;
        min-width: 100%; 
        border: 0px;
    }
.table-bordereds tr{
    border-left:none !important;
    border-right:none !important;

}
.table-bordereds tr td a{
    color:#016fd8;

}
        .Booking_table tr {
            padding: 5px;
            border:1px solid #ccc;

        }

       .Booking_table th, table td {
            
            border-left-color: 0px;
            border-right-color: 0px;
            padding-top:10px;
            padding-left:5px;
        }

       .Booking_table td {
            height: 40px;
            text-align:center;
            /*vertical-align:auto;*/
        }

        .Booking_table th {
            text-transform: uppercase;
            /*font-size: 14px;*/
            letter-spacing: 1px;
        }

            .Booking_table th p {
                font-weight: bold;
            }

    /*@media screen and (max-width: 600px) {

       .Booking_table {
            border: 0;

        }

            .Booking_table thead {
                display: none;
            }

            .Booking_table tr {
                margin-bottom: 10px;
                display: block;
                border-bottom: 2px solid #ddd;
            }

            .Booking_table td {
                display: block;
                text-align: right;
                font-size: 13px;
                border-bottom: 1px dotted #ccc;
            }

                .Booking_table td div {
                    float: right;
                }

                .Booking_table td:last-child {
                    border-bottom: 0;
                }

                .Booking_table td:before {
                    content: attr(data-label);
                    float: left;
                    text-transform: uppercase;
                    font-weight: bold;
                }
    }*/

    .Booking_table .op {
        text-align: center;
        height: 50px;
    }

        .Booking_table .op input {
            width: 140px;
        }

    .note {
        max-width: 80%;
        margin: 0 auto;
    }

    .booking-search-form {
        margin: 0px auto;
        padding: 20px;
        border: 1px solid #ccc;
        width: 80%;
        min-width:1062px;
        position:relative;
        margin-bottom:20px;
        min-height: 570px;    
    }
        .booking-search-form .search-bd .search-bd-top {
            width: 100%; 
            height: 45px;
        }
        .booking-search-form .search-bd .search-bd-top li {
            font-size: 12px;
            padding: 10px 25px;
            line-height: 25px;
            text-align: center;
            float: left;
            cursor: pointer;
            background-color: #eee;
            color: #666;
        }
.search-bd-top {
            min-height: 45px;
            margin:auto;
        }
.search-bd-top li {
            font-size: 12px;
            padding: 10px 25px;
            line-height: 25px;
            text-align: center;
            float: left;
            cursor: pointer;
            background-color: #eee;
            color: #666;
        }
.search-bd-top li.selected {
                color: #fff;
                font-weight: 700;
                background-color: #fe3000;
            }
            .booking-search-form .search-bd .search-bd-top li.selected {
                color: #fff;
                font-weight: 700;
                background-color: #fe3000;
            }

        .booking-search-form .search-hd {
            height: 34px;
            background-color: #499de1;
            padding: 3px;
            position: relative;
        }

            .booking-search-form .search-hd .search-input {
                width: 245px;
                margin-top: 0px;
                height: 22px;
                line-height: 22px;
                padding: 6px 0;
                background: none;
                text-indent: 10px;
                border: 0;
                outline: none;
                position: relative;
                left: 3px;
                top: 0;
                z-index: 5;
                margin-left: -10px;
            }

            .booking-search-form .search-hd .search-inputs {
                width: 245px;
                margin-top: 0px;
                height: 22px;
                line-height: 22px;
                padding: 6px 0;
                background: none;
                text-indent: 10px;
                border: 0;
                outline: none;
                position: relative;
                left: 3px;
                top: 0;
                z-index: 5;
                margin-left: -10px;
            }

            .booking-search-form .search-hd .btn-search {
                width: 70px;
                height: 34px;
                line-height: 34px;
                position: absolute;
                right: 3px;
                top: 3px;
                border: 0;
                z-index: 6;
                cursor: pointer;
                font-size: 12px;
                color: #fff;
                font-weight: 700;
                background: none;
                outline: none;
            }

            .booking-search-form .search-hd .pholder {
                display: inline-block;
                font-size: 12px;
                color: #999;
                position: absolute;
                left: 13px;
                top: 11px;
                z-index: 4;
                background: url(Images/zoom.jpg) no-repeat 0 0;
                padding-left: 25px;
                top: 11px;
            }
                .chargetable .surtitle td {
                background-color:#499de1;
                color:#fff;
                }
                .chargetable .surtitles td {
                color:#000;
                }
                .chargetable tr td {
                padding: 10px;
                text-align: center;
                border:1px solid #ddd;
                }
            .booking-search-form .search-hd .pholders {
                display: inline-block;
                font-size: 12px;
                color: #999;
                position: absolute;
                left: 245px;
                top: 11px;
                z-index: 4;
                background: url(Images/zoom.jpg) no-repeat 0 0;
                padding-left: 25px;
            }

            .booking-search-form .search-hd .s2, .booking-search-form .search-hd #s2 {
                display: none;
            }

            .booking-search-form .search-hd .s4, .booking-search-form .search-hd #s4 {
                display: none;
            }

        .booking-search-form .search-bg {
            width: 495px;
            height: 34px;
            background-color: #fff;
            position: absolute;
            left: 3px;
            top: 3px;
            z-index: 1;
        }
        .booking_tab-content {
    border: 1px solid #f0f0f0;
    padding: 30px 20px 30px 20px;
    border-top: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
    background-color: #fafafa;
     /*margin-top: 50px;*/ 
}
 .booking_tab-content #htab1{
     line-height: 30px;
    }
.form-inline etd{
    width: 300px; 
    height: 42px; 
    float: left;
}
.form-inline etd2{
    width: 300px; 
    height: 42px; 
    float: left;
}
.booking_form-group {
    width:27%; 
    height: auto; 
    float: left;
    margin-top:10px;
}

.booking_form-group span {
    float: left;
}
.booking_checkbox {
    float: left;
    width: 47%;
    margin-top: 27px;
}
.booking_checkbox input{
    width:15px;
    height:15px;
    border:none;
}
.booking_content_top{
   width:100%;
   margin:auto; 
   padding-bottom:10px; 
   background:#fafafa;
}
.newbooking {
    border:1px solid #ccc;
    line-height:30px;
    width:95%;
    margin:auto;
}
.newbooking a {
    padding:5px 20px;
}
.newbooking a span {
   font-size:16px;
}
.newbooking a:hover {
     background:#60BBFF;
    padding:4px 19px;
    color:#fff;
    border:1px dotted #fff;
}

 .booking_filter {
        width:29%;
        float:left;
        position:relative;
    }
.booking_filter_date {
    width:40%;
}
  .booking_filter_lcl {
        width:25%;
        float:left;
        position:relative;
    }
    .booking_filter p {
       margin-top:20px;
        width:30%;
        float:left;
        line-height:32px;
        text-align:right;
        white-space: nowrap; 
    }
    .booking_filter_lcl p {
       margin-top:20px;
        width:40%;
        float:left;
        line-height:32px;
        text-align:right;
        white-space: nowrap;
    }
.booking_filter_p {
    margin-top:20px;
        width:25% !important;
        float:left;
        line-height:32px;
        text-align:right;
}

    .booking_filter input{
	margin-top: 20px;
	height: 30px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
    width:62%;
    padding-left: 10px;
    border: 1px solid #919191;
}
     .booking_filter_lcl input{
	margin-top: 20px;
	height: 30px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
    width:54%;
    padding-left: 5%;
    border: 1px solid #919191;
}
    .booking_filter .input_date{
	margin-top: 20px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
    /*width:29%;*/
    width:34%;
    padding-left: 10px;
    float:left;
    border: 1px solid #919191;
}
.booking_filter .EndDate {
    float:right;
}
.booking_filter_ck {
    width:16%;
}
.booking_filter_ck input {
     margin-top:30px !important;
}
.booking_filter_ck p {
     width:36% !important;
}
     .booking_filter  select{
	margin-top: 20px;
	height: 34px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
    width:66%;
    padding-left: 5%;
    border: 1px solid #919191;
}
     .booking_filter_lcl  select{
	margin-top: 20px;
	height: 34px !important;
	line-height: 32px;
	border-radius: 2px;
    padding-left: 5%;
}

    .booking_filter_lcl  .input_date{
	margin-top: 20px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #ccc;
	border-radius: 2px;
    width:26%;
    padding-left: 5%;
    float:left;
    border: 1px solid #919191;
}
    .booking_btn-search {
    width:80px;
    height:30px;
    line-height:30px;
    background-color:#ddd;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    color: #000;
    float:right;
    outline: none;
    margin-top:20px;
    border:1px dotted #ccc;
}
    .booking_btn-search:hover {
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}
    .booking_btn-search:focus {
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#499de1 !important;
}
/*Booking*/

/*conBillLading  OnlineReview  CargoTracking*/
.online_content {
    width:95%;
    min-width:1104px;
    border:1px solid #ccc;
    margin:0px auto;
    padding:5px 0px 20px 0px;
    margin-bottom:20px;
    background:#fff;
}
.Bookinglist_top {
    border-top: 1px solid #ccc !important;
    border-radius:0px 0px 0px 0px !important;
}
.online_content_top{
   margin:auto; 
   border-left:1px solid #ccc;
   border-right:1px solid #ccc;
   padding-bottom:10px; 
   background:#fafafa;
   border-top: 5px solid #499de1;
   border-radius:10px 10px 0px 0px;
}
.ConBill_top {
    border-top: 1px solid #ccc;
   border-radius:0px 0px 0px 0px;
}
.online_content_bottom {
   margin:auto; 
   border-right:1px solid #ccc;
   border-left:1px solid #ccc;
   border-bottom:1px solid #ccc;
   margin-bottom:20px;
   padding-bottom:15px;
   border-bottom: 5px solid #499de1;
   border-radius:0px 0px 10px 10px;
   min-height:300px;
}
.billlading_content {
   width:1062px;
   margin:auto; 
   margin-top:10px;
   padding:20px; 
   border:1px solid #ccc;
   margin:0px auto;
   margin-bottom:20px;

}
.billlading_content textarea {
    resize: none;
    outline:none;
    padding-left:10px;
}
.billlading_content textarea:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.billlading_content input:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.billlading_content input{
    padding-left:10px;
}
.spanel-right {
    width:50%;
    float:right;
}
.spanel-right_p {
    width:230px;
    height:30px;
    border:1px solid #000;
    line-height:30px;
    padding:10px;
    margin-bottom:10px;
}
.spanel_left {
    width:32%;
    height:auto;
    float: left;
}
.spanel-right_table {
    width:96%;
    text-align:left;    
    padding:20% 0% 0px 0px;
}
.billlading_top {
    width:100%;
    height:auto;
}
.bl_top_table tr td:nth-of-type(odd){
    font-weight:bold;
}
.bl_top_table1 {
    margin-bottom:3px;
}
.bl_top_table1 tr td{
    border:1px solid #000;
    border-right:none;
    border-left:none;
}
.billlading_top tr td{
    text-align:left !important;
    background:#fff !important;
}
.billlading_top_tr td{
    font-weight:bold;
}
.bl_top_span {
    display:block;
    width:120px;
    float:left;
}
.bl_top_p {
    line-height:25px;
}
.bl_top_p1 {
    line-height:35px;
}
.bl_top_p span:nth-of-type(even) {
    border-bottom:1px dotted #000;
    width: 180px;
    float: left;
    display: block;
}
.bl_top_center {
    float:left;
}
.billlading_table {
    width:100%;
    border:1px solid #ddd;
    background:#fafafa;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 10px;

}
.spanel {
    width:100%; height:auto;
}
.spanel .cpanel {
    width:100%;
    height: 90px;
    border-top: 1px solid #000;
}
.smpanel {
    width: 100%;
    border-top: 1px solid #000;
}
.smpanel .mpanel {
    width:33%;
    height:49px;
    float:left;
}



.billlading_content_p {
    text-align:center;
    position:relative;
    line-height:50px;
}
.billlading_content .bc_p_span {
   font-size:26px;
   font-weight:bold;
}
.billlading_content .bc_p_spans {
    position:absolute;
    right:150px;
    font-size:18px;
}
.bc_p {
     text-align:center;
     border-top:1px solid #000;
     margin-top:3px;
     height:20px;
     font-weight:bold;
}
.billlading_content .bc_content_table {
    width:50%;
    float:left;
    border-bottom:1px solid #000;
}
 .bc_table_tr_left td{
    text-align:left !important;
    background:#fff !important;
    border-top:1px solid #000;
    padding:0px 0px;
}
  .bc_table_tr_right td{
    text-align:left !important;
    background:#fff !important;
    border-top:1px solid #000;
    border-left:1px solid #000;
    padding:0px 0px;
}
.bc_content_table_td {
    height:150px;
    padding-left:10px;
}
.bc_content_table_tds {
    /*border-bottom:1px solid #000;*/
    font-weight:bold;

}
.bc_content_table_p {
    height:50px;
    padding-left:10px;
}
.bc_table_center {
    width:100%;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
.bc_table_center td {
    background:#fff !important;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    text-align:center;
}
.bc_table_center_p {
    height:350px;
}
.bc_table_bottom {
    width:50%;
    float:left;
}
.bc_table_bottom_p {
    width:48%;
    float:left;
    border-top:1px solid #000;
    margin:0px 0px 0px 2% ;
    text-align:right;
    padding-top:10px;
    font-weight:bold;
}
.bc_table_bottom td{
    text-align:left !important;
    background:#fff !important;
    border-bottom:1px solid #000;
    border-right:1px solid #000;
    padding:0px 0px;
}
.bc_table_bottom_right_td {
    border-right:none !important;
}
.bc_table_bottom_right {
    border-bottom:none;
}


.cartons {
    width:100%;
    text-align:center;
    background:#fafafa;
    border:1px solid #ddd;
    border-bottom:none;
    height:30px;
    line-height:30px;
}
.billlading_table td {
    text-align:left !important;
}
.billlading_table tr {
    height:50px;
}
.billlading_table td {
    border:1px solid #ddd;
}
.filter select{
    height: 32px;
    line-height: 32px;
    border: 1px solid #ccc;
    border-radius: 2px;
    width:74%;
    outline:none;
    padding-left:5px;
}
 .filter {
        width:25%;
        float:left;
        min-height:45px;
    }
    .filter p {
        /*width:25%;*/
        float:left;
        line-height:32px;
        text-align:right;
    }
.filter_img {
    position: relative;
    right: -85%;
    top: -25px;
}
.online_form-group {
    width:27%; 
    height: auto; 
    float: left;
    margin-top:10px;
}
.online_form-group span {
    float: left;
}
.btn-search {
    padding:0px 20px;
    line-height: 30px;
    right: 3px;
    top: 3px;
    background-color:#ddd;
    cursor: pointer;
    font-size: 12px;
    color: #000;
    border:1px dotted #ccc;
    outline:none;
}
.btn-search:hover {
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}
.OnlineReview_table {
    width:100%;
    border:none;
    margin-bottom:0px;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 auto;
}
.OnlineReview_table a{
    color:#016fd8;
}
 .OnlineReview_table tr {
    border-bottom: 1px solid #ccc;
    border-top:1px solid #ccc;
    padding: 5px;
  }

 .OnlineReview_table th, .OnlineReview_table td {
    padding: 5px;
    text-align: center;
	border-left-color:0px;
	border-right-color:0px;
  }
  .OnlineReview_table td {
	height:40px;
	    vertical-align:auto;
  }

  .OnlineReview_table th {
    text-transform: uppercase;
    /*font-size: 14px;
    letter-spacing: 1px;*/
  }
.OnlineReview_table th p{
    font-weight:bold;
}
.conBillLading_center_bottom_p a{
    background:#ddd;
    color:#000;
    border:1px dotted #ccc;
    text-align:center;
    margin-right:10px;
    cursor:pointer;
    float:none;
    padding:10px 20px;
}
.conBillLading_center_bottom_p a:hover{
    background:#60BBFF;
    color:#fff;
    border:1px dotted #fff;
    
}
.conBillLading_center_bottom_p {
    padding:10px 0px;
    text-align:center;
    margin-top:15px;
}
/*conBillLading  OnlineReview  CargoTracking*/


/*Login*/
.login_filter {
    width:255px;
    position:relative;
    margin-bottom:20px;
    margin-left: 50px;
}
.login_filter input {
    width:255px;
    height:40px;
    border:1px solid #ddd;
    padding-left:30px;

}
.Remember {
    text-align: left;
    margin-left: 50px;
    margin-bottom: 10px;
    width:100%;
    height:20px;
    line-height:20px;
}

.Remember .Remember_password {
    width:15px;
    height:15px;
    margin-right:10px;
    text-align:center;
}
.login_filter label {
    width: 25px;
    height: 42px;
    text-align: left;
    position: absolute;
    /* top: 13px; */
    left: 7px;
    color: #919191;
    background: url(../images/user.png) no-repeat 2% center;
}
.login_submit {
    width:255px;
    position:relative;
    margin-left: 50px;
    height:34px;
}
    .login_submit input {
        cursor:pointer;
        margin-right: -30px;
        width:285px;
    }
.login_btn-search {
    width: 70px;
    height: 34px;
    line-height: 34px;
    right: 3px;
    top: 3px;
    background-color:#499de1;
    border: 0;
    cursor: pointer;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    float:right;
    outline: none;
}

/*Login*/




/*Register*/
.uploader{
position:relative;
display:inline-block;
overflow:hidden;
cursor:default;
padding:0;
margin:10px 0px;
-moz-box-shadow:0px 0px 5px #ddd;
-webkit-box-shadow:0px 0px 5px #ddd;
box-shadow:0px 0px 5px #ddd;

-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}

.filename{
float:left;
display:inline-block;
outline:0 none;
height:32px;
width:180px;
margin:0;
padding:8px 10px;
overflow:hidden;
cursor:default;
border:1px solid;
border-right:0;
font:9pt/100% Arial, Helvetica, sans-serif; color:#777;
text-shadow:1px 1px 0px #fff;
text-overflow:ellipsis;
white-space:nowrap;

-moz-border-radius:5px 0px 0px 5px;
-webkit-border-radius:5px 0px 0px 5px;
border-radius:5px 0px 0px 5px;

background:#f5f5f5;
background:-moz-linear-gradient(top, #fafafa 0%, #eee 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f5f5f5));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f5f5f5',GradientType=0);
border-color:#ccc;

-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;

-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.button{
float:left;
height:32px;
display:inline-block;
outline:0 none;
padding:8px 12px;
margin:0;
cursor:pointer;
border:1px solid;
font:bold 9pt/100% Arial, Helvetica, sans-serif;


-moz-box-shadow:0px 0px 1px #fff inset;
-webkit-box-shadow:0px 0px 1px #fff inset;
box-shadow:0px 0px 1px #fff inset;
}


.uploader input[type=file]{
position:absolute;
top:0; right:0; bottom:0;
border:0;
padding:0; margin:0;
height:30px;
cursor:pointer;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity:0;
}

input[type=button]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=button]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}
input[type=text]::-moz-focus-inner{padding:0; border:0 none; -moz-box-sizing:content-box;}
input[type=text]::-webkit-focus-inner{padding:0; border:0 none; -webkit-box-sizing:content-box;}

/* White Color Scheme ------------------------ */

.white .button{
color:#555;
text-shadow:1px 1px 0px #fff;
background:#ddd;
background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0);
border-color:#ccc;
}

.white:hover .button{
background:#eee;
background:-moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#eeeeee));
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0);
}
 .filterreg input{
    padding-left: 30px;
        border: 1px solid #ccc;
    border-radius: 2px;
    height:32px;
    width:270px;
    }
    .filterreg label{
    width: 25px;
    height: 42px;
    text-align: left;
    position: absolute;
     top: -4px; 
    left: 7px;
    color: #919191;
    background: url(../images/user.png) no-repeat 2% center;}
    .filterreg{
    float:left;
    position:relative;
    width:510px;
    padding-right:30px;
    }
        .filterreg .validate {
            float:right;
            line-height:32px;
            width: 200px;
            color:#FCAB2B;

        }
    .login span{
        height: 40px;
    text-align:right;
    display: block;
    width: 250px;
    float: left;
    line-height: 32px;
    padding-right: 10px;
    }
.filterreg span {
    width: 0px;
    position: absolute;
    left: 8px;
}
        .login .spa:before {
            content:"*";
            color:red;
            line-height:32px;
        }
    .onecol
    {
        clear:both;
        width:100%;
height:50px;
    }
        #subbutton {
            padding:0px;padding: 0;cursor: pointer;width: 50px; height: 38px;background: #039be5; color: #fff; font-size: 18px;border: none;width:300px;
        }
        .register_p-box{
	width: 100%;
	margin:auto;
	padding: 40px 0;
    position:relative;
    z-index:999;
}

.register_content{
	text-align: left; 
    margin: 0px;
    width: 90%;
    margin-left:6%;
	padding: 0 24px;
}
/*Register*/
/*BookingDetail*/
.hx_center_3 {
    width:69%;
    height:auto;
    border:1px solid #ccc;
    float:left;
    background:#fff;
    padding:20px;
}
.Discharging_table {
    width:100%;
    margin-top:10px;
}
.Discharging_table table {
    width:100%;
    height:150px;
    border:1px solid #ccc;
    background:#fff !important;
}
.Discharging_table table th {
   padding:10px;
}
.Discharging_table table tr {
   border:1px solid #ccc;
}
.Discharging_table table tr td {
   text-align:center;
}
.hx_center_3_price {
    width:100%;
    padding:20px 0px;
    
}
.hx_li {
    width:30%;
    height:60px;
    float:left;
    margin:auto;
}
.hx_li_p_all {
   width:75%;
    height:60px;
    border:1px solid #a6a340;
    text-align:center;
    
}
.hx_li_p_alls {
   width:73% !important;
    height:52px !important;
    
}
.hx_li_p_all input{
   width:15px;
   height:15px;
}
.hx_li p{
    width:100%;
    height:40px;
    line-height:40px;
    font-size:15px;
}

.hx_li p:first-child{
    background:#a6a340;
    
}
.hx_li_img {
    width:9%;
    float:left;
    height:auto;
    line-height:60px;
    text-align:right;
}
.built-in {
    margin-left:25%;
}
.Cus {
    margin-left:27%;
}
.check_css {
    border:4px solid #E6A160;
}
.hx_li span{
    position:relative;
    bottom:12px;
    display:none;
}
.hx_conditions {
    width:100%;
    height:auto;
    padding:30px 0px 20px 0px;
    font-size:14px;
    display:none;
}
.hx_warehouse {
    width:100%;
    height:auto;
    padding:20px 0px 20px 0px;
    font-size:14px;
    display:none;
}
.hx_warehouse select{
    width:170px;
    height:30px;
}
.hx_warehouse p{
  line-height:50px;
}
.hx_conditions select{
    width:170px;
    height:30px;
}
.hx_conditions input{
    width:15px;
    height:15px;
}
.center a:hover{
    color:#fff;
    text-decoration:none;
}
.entrust {
    padding:10px 20px;
    background:#499de1;
    color:#fff;
    float:none;
    text-decoration:none;
}
    .entrust a {
        color:#fff;
        text-decoration:none;
        padding:8px 26px;
    }
/*BookingDetail*/
/*Personal information*/
.Personal_information {
    width:100%;
    height:auto;
    margin:auto;
    /*border-radius:0px 10px 10px 10px;*/
    padding:20px 0px;       
}
.templatedata_div{
    background:#fafafa;
}
.templatedata_padding {
    padding:20px;
}
.templatedata_div_table{
    width:100%;
    border:1px dotted #ccc;
}
.templatedata_div_table th{
    background:#fff;
    border:1px dotted #ccc;
    padding:10px;
}
.templatedata_div_table td{
    border:1px dotted #ccc;
    padding:10px;
    text-align:center;
}
.add_p {
    height: 30px;
    line-height: 30px;
    border: 1px dotted #ccc;
    border-bottom: none;
}
.add_p a{
    padding:6px 25px;
    color:#499de1;
}
.add_p a:hover{
    padding:5px 24px;
    border:1px dotted #fff;
    background:#60BBFF;
    color:#fff;
}

.User_templatedata_div {
    border-left:1px dotted #ccc;
    border-right:1px dotted #ccc;
}
.User_templatedata_div p{
    padding:20px;
}
.User_templatedata_div p input{
     height:25px;
    padding-left:10px;
}
.User_templatedata_div p a{
     padding:5px 20px;
     background:#ddd;
     margin-left:20px;
}
.User_templatedata_div p a:hover{
     padding:4px 19px;
     background:#60BBFF;
     color:#fff;
     border:1px dotted #fff;
}
.templatedata_p_span{
    margin:10px 25px 10px 20px;
    display:block;
    width:100px;
    height:20px;
    float:left;
}
.templatedata_center {
    width:95%;
    margin:auto;
    margin-top:20px;
    margin-bottom:50px;
    border:1px dotted #ccc;
    border-top:none;
}
.RoleManage{
    width: 94%;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 50px;
    border: 0.5px dotted #ccc; 
    padding:10px 5px;
}
.RoleManage_bg {
    background: #60bbff !important;
    color: #fff;
}
.RoleManage_leftcenter {
    width:22%;
    float:left;
}
.RoleManage_leftcenter_p {
    width:100%;
    padding:10px 0px;
    line-height:30px;
    margin:auto;
    text-align: center;
}
.RoleManage_leftcenter_p a{
    padding:5px 20px;
    background:#eee;
}
.RoleManage_leftcenter_p a:hover{
    padding:4px 19px;
    background:#60BBFF;
    border:1px dotted #fff;
    color:#fff;
}
.RoleManage_leftcenter table {
    width:100%;
}
.RoleManage_leftcenter tr td{
    text-align:left !important;
    border:1px dotted #ccc;
}
.RoleManage_rightcenter {
    width:76%;
    float:right;
}
.RoleManage_rightcenter table {
    width:100%;
}
.RoleManage_rightcenter tr td{
    text-align:left !important;
    border:1px dotted #ccc;
}
.RoleManage_rightcenter tr td input{
    margin-right:20px;
}
.User_center {
    border:none;
}
.User_center_p {
   border:1px dotted #ccc;
}
.User_Management {
    width:100%;
    height:auto;
    margin:auto;
    padding:0px 0px 20px 0px; 
}
.User_Management table {
    width:100%;
    height:auto;
    text-align:center;
    border:1px dotted #ccc;
}
.User_Management table td{
    padding:5px;
}
.User_Management table tr{
    background:#fff;  
    
}

.User_Management table th{
    background:#fff;
    height:30px;
    border:1px dotted #ccc;
    white-space: nowrap;
    padding: 5px;
}
.User_Management table td{
    text-align:center;   
    border:1px dotted #ccc;
}
.User_Management table td:last-child{
    white-space: nowrap;
}
.modification_table {
    width:100%;
}
.modification_table td{
    padding:10px 0px 0px 0px !important;
}
.modification_table td input{
    width: 90%; 
    height: 25px; 
    border: 1px solid #ccc;
    padding-left:10px;
}
.modification_table_input {
    width: 100px; 
    height: 32px !important; 
    line-height: 30px;
    cursor: pointer; 
    display: inline-block; 
    text-align: center; 
    background-color: #428bca; 
    color: #fff; 
    padding: 0;
    margin-right: 7px;
    margin-bottom:20px;
}
.modification_table td select{
    width: 96%; 
    height: 25px; 
    border: 1px solid #ccc;
    padding-left:10px;
}
.modification_table tr  td:nth-of-type(odd){
    text-align:right;
    white-space: nowrap;
}
#confirmsub {
    width:100px; 
    height: 32px;    
    line-height: 30px;    
    cursor: pointer;     
    display: inline-block;   
    text-align: center;    
    background-color: #428bca; 
    color: #fff;  
    padding: 0;
}
.Personal_information_all{
    width: 100%;
    height: auto;
    margin:auto;
}
.Personal_information_all .personal {
   /*display:none;*/
}
.Personal_information_a_all{
    width: 100%;
    height: 40px;
    font-size: 14px;
    line-height: 45px;
    
    margin-top:20px;
}
.Personal_information_a1{
    /*border-radius: 10px 10px 0px 0px;*/
    padding:8px 10px;
    float:none;
    cursor:pointer;
    background:#eee;
}
.Personal_information_a2{
    background:#eee;
    padding:8px 10px;
    float:none;
    margin-left: -5px;
    color: #000;
    cursor:pointer;
}
.User_Management_p{
    width: 95%;
    height: 70px;
    font-size: 26px;
    line-height: 70px;
    margin: auto;
    border-bottom:1px solid #ccc;
}
.Personal_information_p1{
    width:100%;
    text-align:right;
}
.Personal_information_button{
    width:100px;
    height:35px;
    text-align:center;
    line-height:35px;
    background:#499de1;
    color:#fff;
    border-radius:5px;
    margin-top:10px;
}

.Personal_information, table td:nth-of-type(odd){
    text-align:center;
    background:#fafafa;
}
.company table td:nth-of-type(odd)  {
    text-align:right;
}
.personal table td:nth-of-type(odd)  {
    text-align:right;
}
.Personal_information table{
    border:none;
    width: 60%;
    margin-top:10px;
}
.Personal_information_filter {
    width: 100%;
    float: left;
    height: 30px;
}
.Personal_information_filter input {
   padding-left:15px;
}
.Personal_information_filter input{
    width:100%;
    height:30px;
}
.Personal_information_td {
    width:18%;
}
.Personal_information_td1 {
    width:33%;
}
.Company_tables{
    display:none;
}
.Company_p {
    width: 100%;
    height: 30px;
    padding: 10px;
    line-height: 30px;
}
.Company_p a {
    padding:10px 20px;
    background:#ddd;
}
.Company_p a:hover {
    border:1px dotted #fff;
    background:#60BBFF;
    color:#fff;
    padding:9px 19px;
}
.Company_tables input{
    height:25px;
    padding-left:10px;
}
/*Personal information*/
/*BookingOrder*/
.BookingOrder-form {
    width:85%;
    min-width: 1062px;
    margin: auto;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    background:#fafafa;
}
.BookingOrder-form input {
    border:1px solid rgb(169, 169, 169);
    
}

.BookingOrder-form_left {
    width:77%;
    height:auto;
    margin-bottom: 40px;
    float:left;
    
}
.BookingOrder-form_right {
    width:22%;
    height:auto;
    float:right;
    margin-top:50px;
    border: 1px solid #ccc;
    border-top:5px solid #499de1;
    border-bottom:5px solid #499de1;
    border-radius:10px 10px 10px 10px;
    background:#f4faff;
}
.BookingOrder_p{
    width:100%;
    height:50px;
    font-size:20px;
    text-align:center;
    padding:0px;
    margin:0px;
}
.BookingOrder_ok {
    width:98%;
    height:30px;
    line-height:30px;
    padding-left:2%;
    font-size:16px;
}
.BookingOrder-form_left_table p{
   
    /*border-top:none;*/
}
.BookingOrder-form_right p {
    /*width:100%;*/
    height:30px;
    padding-left:10px;
    line-height:30px;
    color:#fa6a00;
}
.BookingOrder-form_left_table{
    width:100%;
    border:1px solid #ccc;
    background:#fff;
     border-top:5px solid #499de1;
     border-bottom:5px solid #499de1;
     border-radius:10px 10px 10px 10px;
}
.BookingOrder_table{
    width:100%;
    height:auto;
    border:none;
    margin-bottom:0px;
    }


.BookingOrder-form input:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.BookingOrder-form select:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}

.BookingOrder-form textarea:focus {
    -moz-box-shadow:0px 1px 1px  rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}

.BookingOrder-form textarea{
    resize:none;
    padding-left: 10px;
    outline:none;
    width:90%;
    }
.BookingOrder-form select{
    outline:none;
    }
.BookingOrder_table2{
    width:100%;
    height:auto;
    border:none;
    margin-bottom:0px;
    }
   

     .BookingOrder_table tr td:nth-of-type(odd){
    text-align:right;
    }

    .BookingOrder_table2 tr td:nth-of-type(odd){
         width:17%;
         text-align: right;
         white-space: nowrap;
    }
    .BookingOrder_table2 tr td:nth-of-type(even){
       width:33%;
    text-align:left;
    }
    .BookingOrder_table2 tr td:nth-of-type(even) input{
       width:210px;
       text-align:left;
    }
     .BookingOrder_table2 tr td:nth-of-type(even) select{
       width:226px;
       text-align:left;
    }
.BookingOrder_table_input {
    width:220px;
    height:30px;
    padding-left:15px;
}
.table_input {
    width:80%;
    height:35px;
    padding-left:15px;
}
.BookingOrder_table_select{
    width:239px;
    height:30px;
    padding-left:15px;
}
.BookingOrder_save {
    width:100%;
    height:auto;
    text-align:center;
    padding:10px 0px;
    line-height:30px;
    border-top:1px dotted #ccc;
}
.BookingOrder_save input{
    border:none;
}
.BookingOrder_save_a {
    color:#499de1;
    float:none;
    cursor:pointer;
}
/*.BookingOrder_save_a:hover {
    color:#499de1 !important;
    background:#fff !important;
    border:none !important;
}

.BookingOrder_save a:hover{
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}*/
.BookingOrder_right_content {
    width:100%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}
.BookingOrder_right_content2 {
    width:100%;
    color:#000;
    border-bottom:1px solid #ccc;
}
.BookingOrder_right_content2 p {
    height:25px;
    line-height:25px;
    color:#000;
}
.BookingOrder_right_content p{
    width:96%;
    height:25px;
    padding-left:10px;
    line-height:25px;
    color:#000;
}
.BookingOrder_right_span {
    font-weight:bold;
}
.BookingOrder_right_span2 {
    font-weight:bold;
    padding-left:30px;
    line-height:30px;
}
.BO_right_content2_p {
    padding-left:90px !important;
}
.BO_right_content2_span{
    padding-right:12% !important;
}
.BookingOrder_right_content3 {
    width:100%;
    padding:25px 0px;
}
.BookingOrder_right_content3 p {
    width:100%;
    color:#000;
}
.BookingOrder_right_content3 button{
    font-weight:bold;
    padding:10px 10px;
    background:#499de1;
    color:#fff;
    border-radius:5px;
    font-size:16px;
}
/*BookingOrder*/
/*BookingAgreement*/
.BO_Agreement_title {
    font-weight:bold;
    text-align:center;
    font-size:16px;
    line-height:50px;
}
.BO_Agreement_title2 {
    font-weight:bold;
    font-size:16px;
}
.BookingOrder-form_Agreement p{
    font-size:14px;
}
.BO_Agreement_center {
    padding-left:30px;
}
.BO_Agreement_center1 {
    padding-left:60px ;
}
.BookingOrder-form_Agreement {
    width: 1062px;
    margin: auto;
    margin-top: 10px;
    padding: 20px;
    border: 1px solid #ccc;
    margin: 0px auto;
    margin-bottom: 20px;
    background:#fafafa;
    
}
.BO_Agreement_close {
    width:100%;
    height:30px;
    text-align:center;
    margin-top:20px;
}
.BookingOrder-form_Agreement button {
    color: #000;
    background: #ddd;
    padding: 10px 30px;
    margin: auto;
    border:1px dotted #ddd;
}
.BookingOrder-form_Agreement button:hover {
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}
/*BookingAgreement*/
/*Bookingonline*/
.bookingonline_center {
    width:68%;
    border:1px solid #ccc;
    border-top:5px solid #499de1;
    border-bottom:5px solid #499de1;
    border-radius:10px 10px 10px 10px;
    float:left;
}
.bookingonline_center_p {
    border-bottom:1px dotted #ccc;
    border-top:1px dotted #ccc;
    color:#499de1;
    font-size:14px;
    padding:10px 0px 10px 20px;
    text-align: left;
    background: #fff;
    position:relative;
}
.bookingonline_img {
    float:right;
    padding-right:20px;
    right:10px;
    position:absolute;
}
.bookingonline_center table{
    width:100%;
    border:none;
    margin-bottom:0px;
    background:#fafafa;
}
.bookingonline_center table tr{
    margin:0px 10px 0px 0px;
}
.bookingonline_center table td{
    padding:10px 0px 10px 10px;
}
.bookingonline_center .bookingonline_message input {
    width:95.5%;
}
.bookingonline_center table td:nth-of-type(odd){
    text-align:right;
    white-space: nowrap;
    /*width:74px;*/
}
.bookingonline_center table td:nth-of-type(even){
    text-align:left;
    /*width:200px;*/
}
.bookingonline_center table td:last-child{
    padding-right:10px;
}
.bookingonline_center table td input{
    width:192px;
    height:30px;
    border:1px solid #ccc;
    padding-left:10px;
    
}
.booking-search-form select{
    width:203px;
    height:32px;
    border:1px solid #ccc;
    padding-left:10px;
    outline:none;
}
#content select:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.booking-search-form select:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.booking-search-form input:focus{
    -moz-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}
.bookingonline_center table td textarea {
    width:95.5%;
    border:1px solid #ccc;
    outline:none;
    resize: none;
    padding-left:10px;
    font-size:12px;
}
.bookingonline_right table td textarea {
    width:96%;
    border:1px solid #ccc;
    outline:none;
    resize: none;
    padding-left:10px;
    
}
.booking-search-form textarea:focus {
    -moz-box-shadow:0px 1px 1px  rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}

.bookingonline_center .bl_tr td{
    padding:0px 0px 10px 0px; 
    text-align:left;
}

.bookingonline_center .bl_tr2 td textarea{
    /*width:360px;*/
}
.bookingonline_center .bl_tr3 td:nth-of-type(even) {
    text-align:left;
}
.bookingonline_center .bl_tr3 td:nth-of-type(odd) {
    text-align:left;
    width:auto;
}
.bookingonline_center .bl_tr4 td:nth-of-type(even) {
    text-align:left;
}
.bookingonline_center .bl_tr3 td input{
    width:50px;
}
.bookingonline_center .bl_tr4 td input{
    width:15px;
    height:15px;
    margin-right:10px;
    padding:0px;
    border:none;
}
.bookingonline_center .bl_tr3 td select{
    width:100px;
    height:26px;
    margin-left:5px;
}

.bookingonline_service td:nth-of-type(even) {
    text-align:left;
    width:80%;
    padding-bottom:5px;
    padding-top:5px;
}
.bookingonline_service td:nth-of-type(even) input {
    width:95.5%;
}
.bookingonline_service td:nth-of-type(odd) {
    width:auto !important;
    padding-right:20px;
    padding-left:10px;
    padding-bottom:5px;
    padding-top:5px;
}
.bookingonline_service td:nth-of-type(odd) input {
  
    padding-left:0px;
    border:none;
}
.BookingOrder_save_button{
    background:#ddd;
    text-align:center;
    margin-right:10px;
    cursor:pointer;
    float:none;
    padding:10px 20px;
    border:1px dotted #ccc;
    color:#000;
}
.BookingOrder_save_button:hover{
   border: 1px dotted #FFFFFF;
   background: #60BBFF;
   color: #000;
}
.bookingonline_center_bottom_p {
    border-top:1px dotted #ccc;
    padding:20px 0px;
    text-align:center;
    margin:auto;
}
.Template_table {
   width:inherit;
   height:85%;
}

.bookingonline_center .bookingonline_dangerous tr td{
    /*width:auto;*/
}

.bookingonline_center .bookingonline_dangerous tr:last-child td:nth-of-type(odd){
    text-align:right;
}
.bookingonline_center .bookingonline_contact td {
    width:auto !important;
}

.bookingonline_add {
    padding:5px 20px;
    background:#499de1;
    color:#fff;
    border-radius:5px;
    cursor:pointer;
    float:right;
}
.bookingonline_addtable {
    width:100%;
    background:#fafafa;
    margin:auto;
    padding:0px 0px 10px 0px;
}
.bookingonline_addtable table{
   width:96%;
   background:#fff;
   margin:0px 2%;
   border-spacing: 2px;
   border-collapse: separate;
}
.bookingonline_addtable table tr:first-child td{
   background:#e4e3e3 !important;
}
.bookingonline_center .bookingonline_addtable table tr td{
 
   text-align:center !important;
}
.bookingonline_center_p_span {
    color:#000;
    float:right;
}
.bookingonline_right {
    width:30%;
    border:1px solid #ccc;
    border-top:5px solid #499de1;
    border-bottom:5px solid #499de1;
    float:right;
    border-radius:10px 10px 10px 10px;
}
.bookingonline_right_table {
    width:100%;
    border:none ;
    margin-bottom:0px;
}
.bookingonline_right_table tr td {
    text-align:left;
    padding:5px 10px;
}
.bookingonline_right_table tr td input {
    padding-left:10px;
    width:96%;
    height:25px;
    border:1px solid #ccc;
}

.bookingonline_right_table1 {
    width:100%;
    border:none ;
    margin-bottom:0px;

}
.bookingonline_right_table1 tr td {
    text-align:left;
    padding:10px 0px;

}
.bookingonline_right_table1 tr td input {
    padding-left:10px;
    border:1px solid #ccc;
}
.bookingonline_right_checkbox {
    width:15px !important;
    height:15px !important;
    padding-left:0px !important;
    border:none !important;
}
.bookingonline_center_span {
    float:right;
    color:#000;
    font-size:12px;
    margin-top:-5px;
    margin-right:20px;
}
.bookingonline_center_span select {
    width:150px;
    height:28px;
    margin-right:20px;
}
.bookingonline_box tr td{
    line-height:30px;
    text-align:center !important;
}
.bl_box {
    float:left;
    margin-right:10px;
}
.bl_box_all {
    border:1px solid #ddd;
    float:left
}
.bl_box_all_number {
    float:left;
    width:30px; 
    height:30px;
    font-size:14px;
    cursor:pointer;
    color:#60BBFF;
    line-height:30px;
}
.bl_box_all_number:hover {
    background:#60BBFF;
    color:#fff;
}
.bl_box_all_numbers {
    float:left;
    width:30px; 
    height:30px;
    font-size:14px;
    cursor:pointer;
    color:#60BBFF;
    line-height:30px;
}
.bl_box_all_numbers:hover {
    background:#60BBFF;
    color:#fff;
}
.bookingonline_box p {
    width: 70%;
    height: 30px;
    margin: auto;
    line-height:30px;
}

.bl_box_number_content {
    border-top:none !important;
    border-bottom:none!important;
    width:40px !important;
    height:30px !important;
    display:block;
    float:left;
    text-align:center;
    padding:0px !important;
}
#dangerPanel {
    display:none;
}
.selected_blue {
    background: #499de1;
    color: #fff;
}
.bookingonline_rotate {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);/* IE 9 */
    -moz-box-transform: rotate(180deg);/* Firefox */
     -webkit-transform: rotate(180deg);/* Safari 和 Chrome */
     -o-transform:rotate(180deg); /* Opera */
    padding-left:20px;
}
.bookingonline_rotates {
    transform:rotate(0deg);
     -ms-transform:rotate(0deg);
     -moz-box-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
     -o-transform:rotate(0deg); 
    padding-right:20px;
   
}
/*Bookingonline*/
/*TrackingDetail*/
.TrackingDetail_content {
    width:100%;
    height:auto;
    border:1px solid #ccc;
    border-bottom:5px solid #499de1;
    border-top:5px solid #499de1;
    border-radius:10px;
}
.TrackingDetail_state {
    height:auto;
    padding:10px;
    background: #fafafa;
}
.TrackingDetail_state td:nth-of-type(odd){
    width:10%;
    text-align: right;
    padding:10px 10px;
    min-width: 120px;
}
.TrackingDetail_state td:nth-of-type(even){
    padding:10px 10px 10px 0px;
}
.TD_state_content{
    width: 950px;
    height:auto;
    margin:20px auto;
}
.TD_state_content_div {
    width:auto;
    height:50px;
    display:block;
    float:left;
    border-radius:10px 0px 0px 10px;
}
.TD_state_content_divs {
    width:auto;
    height:50px;
    background:#ccc;
    display:block;
    float:left;

}
.div_blue {
    background:#0090ff;
    color:#fff;
}
.div_gray {
    background:#ccc;
}
/*.TD_state_content_span{
    float:left;
    text-align:center;
    
}*/
.TD_state_content span{
    width:40px;
    height:40px;
    float:left;
    line-height:50px;
    color:#fff;
    font-size:20px;
    text-align: center;
}
/*.span_blue{
    background:#499de1 !important;
}*/

.TD_state_content p {
       display: block;
    float: left;
    min-width: 55px;
    line-height: 15px;
    padding-top: 15px;
    padding-bottom: 10px;
    margin-left: -5px;
}
.TrackingDetail_content table{
    width:100%;
    height:auto;
}
.TrackingDetail_content table input{
    width:99%;
    height:30px;
    padding-left:10px;
}
.TrackingDetail_content table textarea{
    width:99%;
    padding-left:10px;
    resize:none;
    outline:none;
}
.TrackingDetail_content table textarea:focus{
    -moz-box-shadow:0px 1px 1px  rgba(196,196,196,0.5);
    -webkit-box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    box-shadow:0px 1px 1px rgba(196,196,196,0.5);
    background-color:#fffff0;
}

/*TrackingDetail*/
/*ReviewDetail*/
.ReviewDetail_state {
    width:100%;
    height:auto;
    background: #fafafa;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}
.ReviewDetail_state_all {
    width:98%;
    margin:0px 10px 10px 10px;
}
.ReviewDetail_states {
    width:100%;
    height:auto;
    background: #fafafa;
    border:1px solid #ccc;
}
.ReviewDetail_state table{
    width:100%;
    height:auto;
}
.ReviewDetail_state table td:nth-of-type(odd){
    text-align:right;
}
.ReviewDetail_state table td:nth-of-type(even){
    width:20%;
}
.ReviewDetail_states table{
    width:100%;
    height:auto;
    border-spacing: 2px;
}
.ReviewDetail_states table td{
    text-align:center;
}
.ReviewDetail_states table tr{
    text-align:center;
    border-bottom:1px solid #ccc;
}
.ReviewDetail_states table tr:last-child{
    border-bottom:none !important;
}
.ReviewDetail_states table th{
   background:#fff;
   padding:10px 10px;
   border-bottom:1px solid #ccc;
}
/*ReviewDetail*/
/*ShippingDataInformation*/
.shipping_table {
    width:100% !important;
    margin:auto !important;
    background:#fafafa;

}
.shipping_table tr td {
    white-space:nowrap;
    text-align:right;
}

.templatedata_center .shipping_table td:nth-of-type(odd){
    text-align:right;
    padding:10px 0px 10px 0px;
}

.shipping_div {
    width:98%;
    padding: 10px 1%;
}
.shipping_div_table {
    width:100%;
    border:1px solid #ccc;
    border-top:none;
}
.shipping_div_table_p {
    width:99%;
    height:30px;
    line-height:30px;
    padding-left:1%;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
}
.shipping_div_table_p span{
    min-width: 180px;
    width: auto;
    float: left;
    display: block;
}
.shipping_div_table_p input{
    float: left!important;
    margin-top:8px !important;
}
.shipping_div_table_p input:focus{
    border:none;
}
.sp_table_content {
    width:25% ;
    float:left;
    padding:10px;
    height:125px;
}
.sp_table_content a {
    color:#499de1;
    width: 100%;
    display: block;
}
.sp_table_content_div {
    width:100%;
    height:35px;
    font-size:16px;
}
.sp_table_content_divs {
    width:100%;
    height:25px;
}
.sp_table_content_divs span {
    width:100%;
    height:25px;
    display:block;
    line-height:25px;
}
.sp_table_content_div span {
    width:30%;
    height:25px;
    display:block;
    float:left;
    text-align: center;
}

.shipping_table input{
    height:25px;
    padding-left:10px;
    width:95%;
}
.shipping_table .input_name{
    height:25px;
    padding-left:10px;
    width:42% !important;
}
.shipping_table select{
    height:27px;
    padding-left:10px;
    width:100%;
    outline:none;
}

/*.shipping_div {
    width: 100% !important;
    margin: auto !important;
    background: #fafafa;
    padding: 10px 0px 10px 0px;
}*/
.shipping_div2 {
    width:100% !important;
    margin:auto !important;
    padding:10px 0px 10px 0px;
   
}
.shipping_div2 a {
    padding:5px 20px;
    color:#000;
}
.shipping_div2 a span {
   font-size:16px;
}
.shipping_div2 a:hover {
     background:#60BBFF;
    padding:4px 19px;
    color:#fff;
    border:1px dotted #fff;
}
/*.shipping_div span:first-child{
    float:left;
}*/
.shipping_div input{
    float:right;
    padding:5px 20px;
    background:#ddd;
    color:#000;
    margin-right:10px;
    width:auto !important;
    height:30px;
    border:1px dotted #CCCCCC;
}
.shipping_div input:hover{
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}
.shipping_div2 input{
    padding:5px 20px;
    background:#ddd;
    color:#000;
    margin-right:10px;
    height:30px;
    border:1px dotted #CCCCCC;
}
.shipping_div2 input:hover{
    border: 1px dotted #FFFFFF;
    background: #60BBFF;
    color: #FFF;
}
.shipping_table2 tr th {
    background:#ddd;
    padding:0px 5px;
}

.shipping_table2 tr th input{
    width:15px !important;
    height:15px !important;
}
.shipping_table2 tr td input{
    width:15px !important;
    height:15px !important;
}
.shipping_table2 tr td {
    text-align:center !important;
}
.shipping_table2 tr td a {
    text-align:center !important;
}
/*ShippingDataInformation*/
/*ForgetPassword*/
.fp_filterreg input{
    border: 1px solid #ccc;
    border-radius: 2px;
    height:32px;
    width:272px;
    padding-left:30px;
    }
    .fp_filterreg label{
    width: 25px;
    height: 32px;
    text-align: left;
    position: absolute;
    /* top: 13px; */
    left: 7px;
    color: #919191;
    background: url(../images/user.png) no-repeat 2% center;}
    .fp_filterreg{
    float:left;
    position:relative;
    width:300px !important;
    padding-right:30px;
    }
    .fp_login{
	margin: 0 auto;
}
    .fp_login span{
    text-align:right;
    display: block;
    width: 100px !important;
    float: left;
    padding-right: 10px;
    line-height:30px;
    }
    .fp_onecol
    {
        clear:both;
        width:100%;
        height:50px;
    }
    /*ForgetPassword*/

    /*Errorpage*/
.Errorpage_html {
    height:100% !important;
}
.Errorpage_body {
    min-width:0px !important;
    margin:auto !important;
    width:700px !important;
    margin-top: 100px !important;
    height:300px

}
.Errorpage_content {
    width:700px;
    height:300px;
    background:#fafafa;
    background:url(../images/Errorpage.png) no-repeat;
}
.Errorpage_404 {
    width:500px;
    border-bottom:1px solid #204d6d;
    line-height:50px;
    float:right;
    font-size:32px;
    color:#204d6d;
    font-family:"STXingkai",华文行楷,STHeiti,MingLiu ;
    margin-top:100px;
}
.Errorpage_prompt {
    width:500px;
    float:right;
}
.Errorpage_prompt_span {
    width: 50px;
    height: auto;
    float: left;
    line-height: 50px;
}
.Errorpage_prompt_spans {
    width: 450px;
    height: auto;
    float: left;
    line-height: 20px;
    padding-top: 10px;
    color:#fe6d00;
}
.Errorpage_button {
    width:450px;
    height:auto;
    float:right;
    margin-top:20px;
}
.Errorpage_button span {
    padding:5px;
    background:#ccc;
    color:#000;
    cursor:pointer;
    /*background:#499de1;
    color:#fff;*/
}
.Errorpage_button span:hover {
    padding:4px;
    background:#499de1;
    color:#fff;
    border:1px dotted #fff;
}
.Errorpage_button span a:hover {
    color:#fff;
}
    /*Errorpage*/
    /*OrderDetails*/
.OrderDetails_content {
    width:25%;
    height:auto;
    padding:10px 0px 10px 20px;
    float:left;
}
.OrderDetails_content p{
    width:100%;
    height:auto;
    padding:5px;
    clear:both;
}
.OrderDetails_content span {
    float:left;
}
.OrderDetails_content_p {
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    padding: 10px 0px;
    border-top:1px dotted #ccc;
}
.OrderDetails_content_p a{
    padding:10px 20px;
    border:1px solid #ccc;
    background:#ddd;
}
.OrderDetails_content_p a:hover{
    padding:10px 20px;
    border:1px solid #ccc;
    background:#499de1;
    border:1px dotted #fff;
    color:#fff;
}
.moneybutton {
     background-color: rgb(73, 157, 225);
    width: 35px;
    display: block;
    height: 30px;
    text-align: center;
    color: rgb(255, 255, 255);
    float: left;
    font-family: iconfont;
    border-radius: 5px;
}
    /*OrderDetails*/