/* ordertable */
.privateorder{background-color: #fff; width: 53%; padding: 32px;}
.jointitle{text-align: center;}
.jointitle h3{font-size: 2.75em;color: #555656;font-weight: normal;}
.jointitle p{font-size: 1.5em;color: #a6a6a6;margin: 10px 0 30px 0;}

.ordertable{font-size: 16px;width: 80%;}
.ordertable th,.ordertable td{padding: 0.5em 0.7em; font-weight: normal; font-size: 1em;}
.ordertable th{width: 25%;text-align: left;}
.ordertable th.t{font-size: 1.375em; color: #495441; position: relative; height: 30px;line-height: 30px; padding-top:13px;  padding-bottom:13px; overflow: hidden;}
.ordertable th.t em{position: absolute; left: 0; top: 17px; display: block;width: 6px; height: 24px;background-color: #3488c5;}
.ordertable th.lg{width: 41%;}

.ordertable .input{width:100%;height: 1.875em;line-height: 1.875em;padding:0.2em 0.4em;border: 1px solid #dcdcdc; font-size: 1em; color: #333;font-family: "微软雅黑";
-webkit-transition: box-shadow 0.8s;
-o-transition: box-shadow 0.8s;
transition: box-shadow 0.8s;}
.ordertable .input:focus,.ordertable .select:focus,.ordertable .input:hover,.ordertable .select:hover{box-shadow: 0px 0px 1px rgba(0,0,0,0.3);}
.ordertable .lginput{width: 77.6%;}
.ordertable td.selectbox{position: relative;}
.ordertable .select{ position:relative;width: 100%;cursor: pointer;border: 1px solid #dcdcdc;padding:0.4em 0.4em;margin-right:10px; font-size: 1em;color: #333;font-family: "微软雅黑";appearance:none;-moz-appearance:none; -webkit-appearance:none;cursor: pointer;  background: rgba(1,1,1,0);z-index: 2;}
.ordertable .select option{appearance:none;-moz-appearance:none; -webkit-appearance:none;padding:0 0.4em;}
.ordertable .triangle{position:absolute;top:1.5em;right:5%;width: 0;height: 0;border-left: 0.5em solid transparent;border-right: 0.5em solid transparent;border-top: 0.5em solid #dcdcdc;cursor: pointer;z-index: 1;}
.ordertable .color_1{color: #333;}
.ordertable .radio{  margin-right: 5em;position: relative;}
.ordertable .suborder{width:11.5em;*zoom: 1;vertical-align: middle;margin:15px 0 27px 23px;color: #fff; border-radius: 5px; background-color: #3488c5; padding: 0 58px; height: 52px; line-height: 52px; font-size: 1.5em;border:0;cursor:pointer;  font-family: "微软雅黑";}
.ordertable .suborder:disabled{background: #ccc;}

/* privateorder/joinOrder */

.ordertable .importimg{width: 55%;margin: 1em 0;}
.ordertable .importimg img{width: 100%;margin: 0.5em 0;}
.ordertable .import{position: relative;width: 6.25em;height: 6.25em;text-align: center;padding: 0.5em;border: 1px solid #dcdcdc;background: #fff;line-height:6.25em;cursor: pointer; }
.ordertable .import .fileImage{opacity: 0;filter: alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0; position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;}
.ordertable .import img{position: absolute;width: 100%;top: 0.3em;left: 0.03em;z-index: 1;}
.ordertable .import:hover{background: #fff;}
.ordertable .import:active{background: #f2f2f2;}

/*input[type=text]{border: 1px solid #01a2fd;}*/
input[type=radio]{opacity:0;position:absolute;z-index:12;width:16px;height:16px;}
input[type=radio].checkbox+.lbl::before{box-shadow:none;}
input[type=radio].checkbox:checked+.lbl::before{background-color:#01a2fd;border-color:#ffb900;}
input[type=radio]+.lbl::before{ 
  font-family:fontAwesome;font-weight:normal;font-size:1em;color:#01a2fd;content:"\a0";display:inline-block;
  border:1px solid #fff;background:none; -webkit-border-radius:50%;border-radius:50%;text-align:center;vertical-align:bottom;height:16px; width:16px; box-shadow:0 0 0 1px #01a2fd}
input[type=radio]:checked+.lbl::before{display:inline-block;content:'';background-color:#01a2fd;border:3px solid #fff;
width:12px; height:12px;box-shadow:0 0 0 1px #01a2fd}

.error::-webkit-input-placeholder { /* WebKit, Blink, Edge */color: red;}
.error:-moz-placeholder { /* Mozilla Firefox 4-18 */color: red;}
.error::-moz-placeholder { /* Mozilla Firefox 19+ */color: red;}
.error:-ms-input-placeholder { /* Internet Explorer 10-11 */color: red;}
.server .s-title{background: #fff;}
.select.error{color:red;}

.ad-text-img{left:2em;}

@media (max-width:700px) {
.ordertable{font-size: 8px;}
.ordertable .select{width: 100%;}
}
@media (min-width: 701px) and (max-width:800px)  {
.ordertable{font-size: 9px;}
.ordertable .select{width: 100%;}
}
@media (min-width: 801px) and (max-width:1000px)  {
.ordertable{font-size: 10px;}
.ordertable .select{width: 100%;}
}
@media (min-width: 1001px) and (max-width:1120px) {
.ordertable{font-size: 12px;}
}
@media (min-width: 1121px) and (max-width:1250px) {
.ordertable{font-size: 12px;}
.ordertable .radio input[type=radio]+.lbl::before{width: 15px;height: 15px;}
}
@media (min-width: 1251px) and (max-width:1400px) {
.ordertable{font-size: 14px;}
.ordertable .lginput{width: 100%;}
}
@media (min-width: 1401px) and (max-width:1700px) {
.ordertable{font-size: 14px;}
.ordertable .lginput{width: 100%;}
.ordertable .select{width: 100%;}
}
@media (min-width: 1701px){
.ordertable .lginput{width: 100%;}
.ordertable .select{width: 100%;}
.ordertable .radio input[type=radio]+.lbl::before{width: 15px;height: 15px;}
}