﻿/*chat*/
.fa.fa-envelope {
    margin: 0 10px;
}
.chat-boxcon{ position:fixed; _position:absolute; right:0; top:50%; z-index:998; margin-top:-160px;}
.chat-control{ position:absolute; right:100%; cursor:pointer; width:32px;}
.chat-boxcon .chat-hover{ /*margin-right:10px; transition:all 1000ms;*/ -webkit-animation:rightmove 1s; -moz-animation:rightmove 1s; animation:rightmove 1s;}
.chat-body{ background:#fff; float:left; border-left:1px solid #ddd; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.chat-body h3{ font-size:16px; font-weight:700; color:#333; text-align:center; line-height:42px; margin:0; border-bottom:1px solid #ddd;}
.chat-box{ width:140px; padding:17px;}
.chat-item{ margin-bottom:15px;}
.chat-item a{ display:block; border:1px solid #ddd; height:28px; line-height:28px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.chat-item a img{ margin-top:8px; margin-left:10px; float:left; margin-right:10px; display:inline;}
.chat-code img{ width:100%;}
.chat-phone{ padding-left:15px; font-size:14px; line-height:20px; margin-bottom:10px;}
.chat-phone img{ float:left; display:inline; margin-right:10px;}
.chat-num{ font-size:14px; font-weight:700; text-align:center; color:#56abe4;}
@-webkit-keyframes rightmove {
    0%{
        margin-right:0px;
    }
    50%{
       margin-right:10px;
    }
    100%{
       margin-right:0px;
    }
}
@-moz-keyframes rightmove {
   0%{
        margin-right:0px;
    }
    50%{
       margin-right:10px;
    }
    100%{
       margin-right:0px;
    }
}
@keyframes rightmove {
   0%{
        margin-right:0px;
    }
    50%{
       margin-right:10px;
    }
    100%{
       margin-right:0px;
    }
}

/*mask*/
.mask{ position: fixed; top:0px; left:0px; height:100%; width:100%; background-color:#000; z-index:999; opacity:0.34; filter:alpha(opacity=34); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=34)"; cursor:pointer; display:none;}
.inqueryfrom{ z-index:1000; position:fixed; _position:absolute; width:500px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); margin-left:-250px; left:50%; top:50%; margin-top:-200px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; background:#fff; display:none;}
.inquery-title{ height:30px; border-bottom:1px solid #ddd; padding:0 10px; line-height:30px; font-size:14px; color:#36495c; overflow:hidden; white-space:nowrap;text-overflow:ellipsis;}
.inquery-close{ background:url(images/close-mask.png) no-repeat; width:20px; height:20px; position:absolute; top:-10px; right:-10px; z-index:1001; cursor:pointer;}
.inqueryfrom .content{ padding:20px;}
.inquery-item{ margin-bottom:10px;}
.inquery-item .left{ height:32px; line-height:30px; width:80px; float:left; text-align:right; margin-right:15px;}
.inquery-item .right{ position:relative; overflow:hidden;}
.inquery-item .right input{ height:32px; border:1px solid #ddd; width:95%; padding-left:5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.inquery-item .right textarea{ width:95%; border:1px solid #ddd;padding-left: 5px;}
.inquery-item .right input.injury-btn{ width:110px; background:#f58e03; color:#fff; text-align:center; font-size:16px;}
@media (max-width:767px) {
.inqueryfrom{ width:90%; margin-left:0; left:5%; right:5%;}
}

.box{ z-index:1000; position:fixed; _position:absolute; width:500px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); margin-left:-250px; left:50%; top:50%; margin-top:-100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; background:#fff; padding:60px 0; display:none;}
.success-box .content .txt{ padding-left:80px; background:url(images/success.png) no-repeat left center; min-height:70px;}
.success-box .content{ padding:0 70px;}
.success-box .content .txt h3{ font-size:30px; color:#8bcf17; line-height:40px; margin:0;}
.success-box .content .txt .dec{ font-size:13px; line-height:20px;}
.success-box .content .txt .dec span{ color:#f58e03; padding:0 5px;}

.box { z-index:1000; position:fixed; _position:absolute; width:500px; -webkit-box-shadow:0 0 18px rgba(0,0,0,0.4); -moz-box-shadow:0 0 18px rgba(0,0,0,0.4); box-shadow:0 0 18px rgba(0,0,0,0.4); margin-left:-250px; left:50%; top:50%; margin-top:-100px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius: 5px; background:#fff; padding:60px 0; display:none; }
.error-box .content .txt{ padding-left:80px; background:url(images/error.png) no-repeat left center; min-height:70px;}
.error-box .content{ padding:0 70px;}
.error-box .content .txt h3{ font-size:30px; color:#f00; line-height:40px; margin:0;}
.error-box .content .txt .dec{ font-size:13px; line-height:20px;}
.error-box .content .txt .dec span{ color:#f58e03; padding:0 5px;}








/*Emailsupplier*/
.Emailsupplier{ margin-top:30px; margin-bottom:20px; }
.Emailsupplier_B{ border:3px solid #ddd; padding:1% 3%; padding-bottom:20px;}
.Etitle{ font-weight:bold; color:#000; font-size:14px; line-height:30px; margin-bottom:10px;}
.EfromLeft{ min-width:100px;display:inline; font-size:14px; text-align:right; padding-right:15px; float:left;}
.EfromRight{ margin-left:116px; width:auto!important;}
.EfromLeft span{ color:red;}
.EfromTxt{ width:98%; height:30px; border:1px solid #ddd; }
.EMessageTxt{ width:98%; border:1px solid #ddd; padding:2%; height:150px; background:#fff; margin-bottom:0;}
.BtnSend{ background:url(images/BtnSend.png) no-repeat; border:none; margin-left:115px; margin-top:15px; display:inline;}
.Emailsupplier_B p{ color:#999; padding:5px 0;}
.EMessage,.Efrom{ margin-bottom:15px;}
.ui-button.ui-button-primary, .ui-button.ui-button-normal {
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 8px 23px;
    text-align: center;
    vertical-align: middle;
	background: #239432;
	border: medium none;
	color:#fff;
}