@charset "utf-8";
/* CSS Document */
html,body { -webkit-text-size-adjust:none }
/* PDF view */
.pdf { position: absolute; width: 100%; top: 0px; bottom: 0px; }
.view { position: fixed; bottom: 0px; left: 0px; background: #008c3c; width: 100%; }
.view_pic { float: left; margin-left: 3%; margin-top: 14px; margin-bottom: 14px; }
.view_pic .arrow { margin: 0px 30px 0px 0px; }
.view_pic img { margin: 8px; width: 7%; }
.view_text { float: right; text-align: right; color: #fff; margin-right: 3%; margin-top: 25px; }
.view_text a, .view_text a:hover { color: #FFF; }
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img { display: inline-block; }
/* quotation list */
.table2 > thead > tr > th, .table2 > tbody > tr > td { text-align: center; color: grey; }
.table2 > tbody > tr > td a, .table2 > tbody > tr > td a:hover { color: #008c3c; text-decoration: none; }
.qlist { margin-top: 25px; }
.table2 tr { background: #fff;}
.table2 tr:nth-child(2n) {background: #f9f9f9; }
.table2 tbody tr:hover { background: #ecf0f2;}
.table2 .detail_view { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 32px; }
.table2 .detail_search { border-bottom: 1px solid #ddd; }
.table2 .detail_search input { border: 1px solid #ccc; border-radius: 4px; height: 32px; }
.table2 .detail_title { background: #f9f9f9; }
.table2 .detail_title2 { border-right: 1px solid #ddd; }
.table > caption + thead > tr:first-child > td, .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > td, .table > thead:first-child > tr:first-child > th { border-top: 1px solid #ddd; }
.ql_button a { background: #ff9000; padding: 5px 15px; border-radius: 4px; color: #fff; text-decoration: none; }
.tablemain tr .bg1 { background: #f9f9f9; border-bottom: 1px dashed #f2f2f2; border-top: 1px dashed #f2f2f2; }
.tablemain .fontbold { font-weight: bold; }
.tablemain td { padding: 8px 5px; border-top: 1px dashed #f2f2f2; }
.tablemain { margin-bottom: 220px; color: grey; }
.green { color: #ff9000; }
#contact-list { word-break: break-all; }
.fa-file-pi-img {background:url(../img/icon-pi.png) no-repeat; width:12px; height:16px; margin-top:5px;}
.fa-file-qu-img {background:url(../img/icon-qu.png) no-repeat; width:12px; height:16px; margin-top:5px;}
.fa-file-so-img {background:url(../img/icon-so.png) no-repeat; width:12px; height:16px; margin-top:5px;}
/* quotation list view */
/*#view {width: 750px; height: 450px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-250px; margin-left:-375px; padding-left: 17px; top:50%; left:50% }*/
#myModal6 {width: 750px; height: 500px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-250px; margin-left:-385px; padding-left: 17px; top:50%; left:50% }
#myModal6 i.must {color: #f00; font-size: 16px; font-weight: bold; }
#myModal6 label {font-weight: 500; text-align: center; }
/*.modal-body, #myModal6 .modal-body,#view .modal-body { height: 340px; }*/
#myModal6 .modal-body .form-horizontal .form-group { margin: 0px; }
#del .modal-body, #approve .modal-body, .confirm .modal-body { height: auto;}
#myModal6 .table > thead > tr > th { text-align: center; }
#myModal6 .table > tbody > tr > td { text-align: center; vertical-align: middle; }
#myModal6 .table > tbody > tr > td.cart_text { text-align: left; }
#myModal6 .table > tbody > tr > td.cart_text span { font-size: 12px; color: #969696; line-height: 18px; margin-top: 7px; display: block; }
#myModal6 .ql_view { text-align: center; }
#myModal6 .form-control { width: 80%;}
#myModal6 .modal-header,#view .modal-header { padding: 0; text-align:center; border: none; }
.statement{color: #008c3c}
#myModal6 .inquiry{padding: 10px 200px; background: #008c3c; color: #fff}
#myModal6 .whether{padding: 10px 75px; margin: 0px; background: #008c3c; color: #fff}
#myModal6Label { padding-left: 30px; margin-top: 0px; }
#myModal6 .button_padding { padding-top: 50px; }
/* quotation pdf */
html { }
.quotation { padding: 30px 17px; color: #000; font-family: arial; }
/* PDF Style Adjustment by Mingming Li start */
.quotation .content { overflow: hidden; padding: 0px 0px; font-size: 12px; margin-bottom: 15px; }
/* PDF Style Adjustment by Mingming Li end */
.quotation .border { background: #b1b1b1; height: 2px; line-height: 0; font-size: 0; border-top: 1px solid #757575; }
.quotation table td { height: 22px; font-size: 12px;}
.quotation .table table, .table2 table { border-left: 1px solid #000; border-top: 1px solid #000; min-width: 100%; }
.quotation .table td { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; height: 20px; }
.quotation .table2 td { border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: left; padding-left: 10px; height: 20px; }
.qbtn { margin: 0 auto; margin-bottom: 40px; display: block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; }
.signup { text-align:right}
.smallButton {border: medium none;display: inline-block;height: 24px;line-height: 22px; margin-right: 10px; width: 62px;}
.success-order830 { width:830px; background:url(../img/success_bg830.png) no-repeat; margin:0 auto}
.success-order8302 { width:830px; background:url(../img/success_bg8302.png) no-repeat; margin:0 auto}
.quotation .content .logo {}
/* quotation list */
.discount_width { width: 90%; }
.discount_line { line-height: 32px; }
/* Container Price */
.products_detail_tableprice { width: 2370px; border-collapse: collapse; line-height: 30px; margin-bottom: 20px; }
.products_detail_tableprice th { border: solid #008c3c 1px; text-align: center; line-height: 25px; padding: 10px 8px; background: #008c3c; color: #ffffff; border-right-color: #ffffff; }
.products_detail_tableprice td { border: solid #008c3c 1px; text-align: center; line-height: 25px; padding: 10px 8px; }
.products_detail_tableprice .bgcolor { background: #008c3c; color: #ffffff; border-right-color: #008c3c; }
.products_detail_tableprice tr:nth-child(2n) { background: #f9f9f9 none repeat scroll 0 0; }
.products_detail_tableprice tbody tr:hover { background: #ecf0f2;}
/* quotation sales */
.title_bold { font-weight: bold; }
.title_boldGrey { font-weight: bold; background: #fafafa;}
#confirm001 { box-shadow: 2px 2px 35px; height: 244px; margin-top: -122px; }
#confirm001 p { font-size: 20px; line-height: 30px; margin: 30px 0; }
#confirm002 { box-shadow: 2px 2px 35px; height: 244px; margin-top: -122px; }
#confirm002 p { font-size: 20px; line-height: 30px; margin: 30px 0; }
/* inquiry list view */
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fff; }
.navbar-inverse { background-color: #fff; }
.detail_time_margin { margin-left: 5%; }
.detail_time input { width: 100%; }
.detail_time .inquiry_text { line-height: 36px; }
.input-group[class*="col-"] { float: left; padding: 3px 5px; }
#flip2 { display: none; }
/* registered success */
.registered_success { margin: 300px 250px 0px 250px; padding-bottom: 200px; left: 50%; top: 50%; }
.registered_success_img { float: left; margin-right: 45px; }
.registered_success_text { float: left; font-family: Arial; font-size: 14px; color: #666; text-align: left; margin-top: 15px; line-height: 35px; }
.registered_success_text span { font-size: 30px; color: #008c3c; text-align: left; }
/* 弹出框customerName */
#customerLabel { margin-top: 0px; margin-left: 30px; }
.customerName { height: 260px; overflow-y: auto; overflow-x: hidden; }
.pagination { padding-left: 30px; }
#view2Label { margin-top: 0px; margin-left: 30px; }
#view2 { width: 800px; height: 515px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-227px; margin-left:-390px; top:50%; left:50% }
#view5Label { margin-top: 0px; margin-left: 30px; }
#view5 { width: 800px; height: 515px; overflow: hioptionen; background: #fff; position: fixed; margin-top:-227px; margin-left:-390px; top:50%; left:50% }
/* 弹出框DestinationPort */
.modal2 { width: 780px; height: 510px; margin: -225px 0 0 -390px; padding-left: 17px; }
#destinationLabel { margin-top: 0px; margin-left: 30px; }
.toPic { height: 540px; margin-top: -270px;}
/* 弹出框 city */
#cityLabel { margin-top: 0px; margin-left: 30px; }
#view3Label { margin-top: 0px; margin-left: 30px; }
/* 弹出框 state */
#stateLabel { margin-top: 0px; margin-left: 30px; }
#view4Label { margin-top: 0px; margin-left: 30px; }
/* 弹出框contact */
#contactLabel { margin-top: 0px; margin-left: 30px; }
/* Basic Information */
i.must { color: #f00; font-size: 16px; line-height: 16px; font-weight: bold; }
@media(max-width:1224px) {
.registered_success { left: 50%; margin: 270px 0px 0px 0px; padding-bottom: 0px; top: 50%; }
.registered_success_img { float: none; margin-right: 0px; }
.registered_success_text { float: none; font-family: Arial; font-size: 14px; color: #666; text-align: center; margin-top: 15px; line-height: 35px; }
}
@media(max-width:991px) {
.view_pic { float: none; margin-top: 5px; }
.view_text { float: none; text-align: left; margin-top: 0px; margin-left: 4%; }
.view_pic .arrow { margin: 0px 10px 0px 10px; }
.view_pic img { width: 5%; }
.view_pic { margin-bottom: 0px; }
.view_text > div { float: left; margin-right: 50px; margin-bottom: 5px; }
#customerName { width: 700px; margin: -225px 0 0 -350px; }
#contact { width: 700px; margin: -225px 0 0 -350px; }
#DestinationPort { width: 700px; margin: -225px 0 0 -350px; }
#view2 { width: 700px; margin-top:-227px; margin-left:-350px; top:50%; left:50% }
#view5 { width: 700px; margin-top:-227px; margin-left:-350px; top:50%; left:50% }
.Tright { text-align: left; }
}
@media (max-width: 800px) and (min-width: 511px){
#credit-view { width: 500px; margin-left: -250px;}
}
@media (max-width: 900px) {
.quotation_th { display: none; }
}
@media (max-width: 767px) {
#myModal6 { width: 600px; height: 500px; position: fixed; margin-top:-250px; margin-left:-300px; top:50%; left:50% }
#myModal6 .inquiry{padding: 10px 100px; }
.view_pic { float: none; margin-top: 5px; }
.view_text { float: none; text-align: left; margin-top: 0px; margin-left: 4%; }
.view_pic .arrow { margin: 0px 10px 0px 10px; }
.view_pic img { width: 6%; }
.view_text > div { float: left; margin-right: 50px; margin-bottom: 5px; }
#flip { display: none; }
#flip2 { display: block; }
.registered_success { margin: 150px 0px 0px 0px; }
#customerName { width: 500px; height: 570px; margin: -270px 0 0 -250px; }
#contact { width: 500px; height: 570px; margin: -270px 0 0 -250px; }
#DestinationPort { width: 500px; height: 570px; margin: -270px 0 0 -250px; }
#view2 { width: 600px; margin-left:-300px; left:50% }
#view5 { width: 600px; height: 570px; margin-top:-270px; margin-left:-300px; top:50%; left:50% }
.Tright {
text-align: left;
}
}
@media (max-width: 600px) {
#credit-view .detail_search input, #credit-view .detail_search select { width: 85%;}
#myModal6 { width: 300px; position: fixed; margin-left:-150px; top:50%; left:50% }
#myModal6 .modal-header .close { padding: 0px 8px;}
#myModal6 .whether { padding: 10px 22px; }
#myModal6 .modal-body{height: 300px}
#myModal6 .table > tbody > tr > td { padding: 0px; }
#myModal6 .button_padding { padding-top: 150px; }
.table2 .detail_search input { margin: 10px 0px; }
.mobile_padding { margin-top: 90px; }
.view_pic { float: none; margin-top: 5px; }
.view_text { float: none; text-align: left; margin-top: 0px; margin-left: 4%; }
.view_pic .arrow { margin: 0px 10px 0px 10px; }
.view_pic img { width: 6%; }
.view_text > div { float: left; margin-right: 50px; margin-bottom: 5px; }
#flip { display: none; }
#flip2 { display: block; }
#customerName { width: 400px; height: 610px; margin: -290px 0 0 -200px; }
#contact { width: 400px; height: 610px; margin: -290px 0 0 -200px; }
#DestinationPort { width: 400px; height: 610px; margin: -290px 0 0 -200px; }
#view2 { width: 400px; margin-left:-200px;left:50% }
#view5 { width: 400px; height: 620px; margin-top:-290px; margin-left:-200px; top:50%; left:50% }
.Tright {
text-align: left;
}
.row > div.right3 { padding: 0px; }
.row > label.right3 { padding: 0px; }
}
@media (max-width: 500px) {
/* PDF view */
.view_pic { float: none; margin-top: 15px; }
.view_text { float: none; text-align: left; margin-top: 9px; margin-left: 6%; }
#myModal6 { width: 300px; position: fixed; margin-left:-150px; top:50%; left:50% }
#myModal6 .modal-header .close { padding: 0px 8px;}
#myModal6 .whether { padding: 10px 22px; }
#myModal6 .modal-body{height: 300px}
#myModal6 .table > tbody > tr > td { padding: 0px; }
#myModal6 .button_padding { padding-top: 150px; }
.table2 .detail_search input { margin: 10px 0px; }
.mobile_padding { margin-top: 102px; }
.view_pic { float: none; margin-top: 5px; }
.view_text { float: none; text-align: left; margin-top: 0px; margin-left: 6%; }
.view_pic .arrow { margin: 0px 10px 0px 10px; }
.view_pic img { width: 6%; }
.view_text > div { float: left; margin-right: 50px; margin-bottom: 5px; }
#flip { display: none; }
#flip2 { display: block; }
#customerName { width: 400px; margin: -290px 0 0 -200px; }
#contact { width: 400px; margin: -290px 0 0 -200px; }
#DestinationPort { width: 400px; margin: -290px 0 0 -200px; }
#view2 {width: 300px; height: 530px; margin: -265px 0 0 -150px; }
#view5 { width: 400px; height: 620px; margin-top:-290px; margin-left:-200px; top:50%; left:50% }
.Tright {
text-align: left;
}
.row > div.right3 { padding: 0px; }
.row > label.right3 { padding: 0px; }
.row > div.right4 { float: left; padding: 0px; }
.row > div.left { float: none; padding: 0px; }
}
@media (max-width: 449px) {
#myModal6 { width: 300px; position: fixed; margin-left:-150px; top:50%; left:50% }
#myModal6 .modal-header .close { padding: 0px 8px;}
#myModal6 .whether { padding: 10px 22px; }
#myModal6 .modal-body{height: 300px}
#myModal6 .table > tbody > tr > td { padding: 0px; }
#myModal6 .button_padding { padding: 0px !important; }
.table2 .detail_search .form-control { display: inline-block; width: 80%; }
.mobile_padding { margin-top: 90px; }
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { padding: 8px 0px; }
.view_pic { float: none; margin-top: 5px; }
.view_text { float: none; text-align: left; margin-top: 0px; margin-left: 6%; }
.view_pic .arrow { margin: 0px 10px 0px 10px; }
.view_pic img { width: 6%; }
.view_text > div { float: left; margin-right: 50px; margin-bottom: 5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #008c3c; }
.navbar-inverse .navbar-toggle { border-color: white; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #fff; }
.detail_time_margin { margin-left: 1%; }
.detail_time input { width: 100%; }
.detail_time .inquiry_text { line-height: 24px; }
.input-group[class*="col-"] { float: left; padding: 3px 5px; }
#flip { display: none; }
#flip2 { display: block; }
#shipTo ul li p { line-height: 24px;}
#customerName { width: 300px; height: 500px; margin: -250px 0 0 -150px; }
#contact { width: 300px; height: 500px; margin: -250px 0 0 -150px; }
#DestinationPort { width: 300px; height: 500px; margin: -250px 0 0 -150px; }
.modal2 { width: 300px; height: 500px; margin: -250px 0 0 -150px; }
#country { padding-left: 0px;}
#country .modal-body { padding: 15px 0px;}
#country .modal-body .ql_button { padding-left: 30px;}
#view2 { width: 300px; margin-left:-150px; top:50%;}
#view5 { width: 300px; height: 660px; margin-top:-320px; margin-left:-150px; top:50%; left:50% }
.Tright { text-align: left;}
#credit-view .input-append .add-on3 { top: 0px; right: 14px;}
}
/* .row > div.right2 { float: none; } */
.row > div.right3 { padding: 0px; }
.row > label.right3 { padding: 0px; }
}
@media screen and (-webkit-min-device-pixel-ratio:0){/*针对GoogleChrome、Safari3.0、Opera9的CSS样式*/
#myModal6 { height: 510px; }
@media(max-width:767px) { #myModal6 { height: 510px; } }
@media (max-width: 600px) { #myModal6 { height: 570px; } }
@media (max-width: 500px) { #myModal6 { height: 570px; } }
@media (max-width: 449px) { #myModal6 { height: 570px; } }
}
#save { height: 150px; margin-top: -75px;}
#save p {
font-size: 20px;
line-height: 30px;
margin: 30px 0;
}
#save .modal-body { padding: 0;}
#save .modal-header { border-bottom: none;}
@media (max-width: 510px){
#save {
width: 300px;
margin-left: -150px;
}
}
/*page20161027*/
#faq li .pagination_font_left,.pagination_font_left{line-height: 36px; color: #666; font-size: 14px; float: left; margin-right: 10px;}
.pagination_font_right{line-height: 36px; color: #666; font-size: 14px; margin-left: 10px; }
.pagination_font_left strong{color: #337ab7; font-weight: normal;}
.input_page{width: 45px; margin-left: 5px; display:inline-block}