@charset "utf-8";
/* CSS Document */
.m-t-0 { margin-top: 0px;}
.clear {clear: both; margin:0px; padding:0px}

.fl{float:left}
.fr{float:right}
.bold { font-weight: bold;}
.m-b-20 { margin-bottom: 20px;}
.m-b-15 { margin-bottom: 15px;}
.border-dash { border: 1px dashed #ccc; min-height: 253px;}
.table100 { margin-right: 0px;}
.table100 tr td { line-height: 24px;}
.table100 tr td:first-child { padding-right: 40px;}
/* PDF view */
.pdf { position: absolute; width: 100%; top: 0px; bottom: 0px; }
.view { position: fixed; bottom: 0px; left: 0px; background: #ff9027; 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; }
.fa.fa-gift { color: red; font-size: 22px; cursor: default;}
.red { color: red !important;}
/* 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: #ff9000; 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; }

/* 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: #ff9200}
#myModal6 .inquiry{padding: 10px 200px; background: #ff9200; color: #fff}
#myModal6 .whether{padding: 10px 75px; margin: 0px; background: #ff9200; color: #fff}
#myModal6Label { padding-left: 30px; margin-top: 0px; }
#myModal6 .button_padding { padding-top: 50px; }


/* quotation pdf */
.quotation { padding: 30px 17px; color: #000; font-family: arial; }
.quotation .content { border: #dedede 1px solid; overflow: hidden; padding: 35px 50px; font-size: 13px; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: 0 2px 4px rgba(0,0,0,.1); margin-bottom: 15px; }
.quotation .border { background: #b1b1b1; height: 2px; line-height: 0; font-size: 0; border-top: 1px solid #757575; }
.quotation table td { 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; }
.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(81517968389d895f0a335fcc71fc3fe1b530021c.png)  no-repeat; margin:0 auto}
.success-order8302 { width:830px; background: url(71633c5e24ba86c87b91dc4baca5e54c5436c09e.png)  no-repeat; margin:0 auto}



/* quotation list */

.discount_width { width: 90%; }
.discount_line { line-height: 32px; }


/* quotation sales */

.title_bold { font-weight: bold; }
.title_boldGrey { font-weight: bold; background: #fafafa;}
#confirm001 { box-shadow: 2px 2px 35px; height: 300px; margin-top: -150px; }
#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; }
<!--.detail_time > div { float: left; }-->
.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: #ff9200; 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; }
.modal_reason { width: 780px; height: 310px; 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; }

 /* products */
.products_detail { margin-bottom: 100px; }
.products_detail_title { float: left; padding-right: 60px; line-height: 25px; padding-top: 20px; }
.products_detail_title span { color: #ff9900; font-weight: bold; font-size: 18px; }
.products_detail_img { float: left; }
.products_detail_img img { vertical-align: top; }

.products_detail_table { width: 100%; border-collapse: collapse; line-height: 30px; margin-bottom: 70px; }
.products_detail_table th { border: solid #ff9900 1px; text-align: center; line-height: 25px; padding: 25px 0px; } 
.products_detail_table td { border: solid #ff9900 1px; text-align: center; } 
.products_detail_table .bgcolor { background: #ff9900; color: #ffffff; border-right-color: #ffffff; } 
.products_detail_table .bgcolor2 { background: #ff9900; color: #ffffff; border-bottom-color: #ffffff; } 
.p-10 th { padding: 10px 0;}
.products_detail_table input[type="text"] { width: 60px; height: 25px; padding: 0px; text-align: center; } 
.products_detail_table .bgcolor2 input { width: 60px; height: 25px; padding: 0px; } 

.container_pdf { width: 90%; margin: 0px auto; margin-bottom: 200px; }

/* product_pricing_lamps */
.price_down { width: 14px; height: 14px; background: #fff url(3eb39396ccdcf406cc05ef1ba85310eaa667e6db.png)  0 0 no-repeat; display: inline-block;}
.price_up { width: 14px; height: 14px; background: #fff url(f26deccec4327fb244fb40db355a1ad32ed3ee29.png)  0 0 no-repeat; display: inline-block;}
 
 
/* order list add */
.form-control-new {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: inline;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 50%;
}

.or_bf { display: inline-block; width: 30%; margin-left: 15px; 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; height: 560px; position: fixed; margin-top:-210px; 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; height: 560px; position: fixed; margin-top:-210px; 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; height: 560px; position: fixed; margin-top:-210px; 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; }
.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: #ff9200; }
.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; }
<!--.detail_time > div { float: left; }-->
.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; }

#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; }

}

/* add products */
.add-pcs .pcs-num{ margin: 20px; color: #fff; font-size: 24px;}
.add-pcs .pcs-num span { font-size: 36px; font-weight: bold;}
.add-pcs input { margin: 20px; padding: 15px 30px; font-size: 20px;}

@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: 500px; margin-top: -250px; } }

}

#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;
	}

.container_pdf {
	height: 510px;
	overflow: scroll;
	margin-bottom: 0px;
}
.products_detail_table {
	margin-bottom: 20px;
}
.add-pcs
 {
	text-align: center;
	clear: both;
}
.add-pcs .pcs-num, .add-pcs input {
	margin: 10px;
	font-size: 16px;
	float: none;
}
.add-pcs .pcs-num span {
	font-size: 20px;
}
.add-pcs input {
	width: 50%;
	font-size: 16px;
	margin-top: 0px;
	padding: 6px 12px;
}
.products_detail_title {
	padding-top: 0px;
}
.container_pdf .page-header {
	margin-top: 65px;
	margin-bottom: 10px;
}
}

/* order-list-sales-add */
.originalPrice, .originalPrice2 { color: #ccc;}
.originalPrice { color: #ccc; text-decoration: line-through;}
@media (max-width: 510px){	  
	.modal2 {width: 300px; height: 510px; margin: -255px 0 0 -150px;}	
}

.quotation .table th {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 0 5px;
}


/*2016-6-16 read icon */
.fa-file-pi-img{ background: url(8c424564c5eed36b9246b66ffca0d81a775f4c99.png)  no-repeat; width:12px; height:16px; margin-top:5px;}
.fa-file-qu-img{ background: url(c8df5467d6752d313a31e8f1dffc6ad35e865a53.png)  no-repeat; width:12px; height:16px; margin-top:5px;}
.fa-file-so-img{ background: url(6212f28e2f9938b55d823323758aa357bde2c6fd.png)  no-repeat; width:12px; height:16px; margin-top:5px;}