body{background-color: #EBEDF0;}

.quote{padding-bottom: 49px;}
.quote .crumbs{color: #fff;background-color: #222222;padding: 3px 0 3px 0;}
.quote .crumbs a{color: #fff;}
.quote form{display: flex;}
.quote .left{margin-top: 18px;width: 324px;background-color: #fff;float: left;}
.quote .left dl{padding: 27px 10px 85px;border-bottom: 1px solid #EBEDF0;}
.quote .left dt{font-family: Corbel;font-size: 33px;color: #000;margin-bottom: 25px;font-weight: bold;}
.quote .left dd{font-size: 14px;color: #888888;line-height: 19px;margin-bottom: 20px;}
.quote .left dd::before{content: '*';font-size: 15px;color: #EC1C24;}
.quote .left dd span{color: #EC1C24;}
.quote .icon-file{width: 95%;height: 100px;border-radius: 2px;text-align: center;position: relative;font-size: 14px;color: #838383;padding: 20px 20px 0 20px;line-height: 22px;cursor: pointer;margin: 15px auto;}
.quote .icon-file s.f{position: absolute;left: 0;top: 0;}
.quote .icon-file b{color: #000;font-size: 19px;margin-bottom: 10px;display: block;}
.quote .icon-file i{font-style: normal;display: block;margin: 0 auto;color: #888888;font-size: 14px;}
.quote .icon-file span{display: none;}
.quote .icon-file s.icon-remove{display: none;text-decoration: none;color: #838383;font-size: 18px;}
.quote .icon-file s.icon-remove:hover{color: #EE5A00;}
.quote .icon-file.over{border: 1px solid #EE5A00;}
.quote .icon-file.done{border: 1px solid #222222;color: #222222;padding-top:20px;}
.quote .icon-file.done:before{top:10px;}
.quote .icon-file.done i, .quote .icon-file.done b{display: none;}
.quote .icon-file.done span,.quote .icon-file.done s.icon-remove{display: block;}
.quote .icon-file:before{content: none;}
.quote .icon-file input{width:0;}
.quote .left .btn{text-align: center;padding-bottom: 30px;}
.quote .left .btn button{width: 251px;border-radius: 5px;background: linear-gradient(0deg, rgba(118, 121, 126, .2), rgba(34, 34, 34, .75));border: none;text-align: center;color: #fff;font-size: 21px;font-weight: bold;position: relative;padding: 20px 0 43px 0;display: block;margin: 0 auto 60px;cursor: pointer;}
.quote .left .btn button::before{position: absolute;left: 0;right: 0;margin: 0 auto;bottom: 15px;font-size: 32px;opacity: .55;}
.quote .left .btn a{font-size: 15px;color: #717171;}
.quote .left .btn a:hover{text-decoration: underline;}

.quote .right{float: left;width: 1068px;margin-left: 8px;margin-top: 18px;}
.quote .partsBox{background-color: #fff;margin-bottom: 8px;min-height: 231px;padding: 30px 11px 48px;}
.quote .partsBox h3{font-size: 28px;color: #000;font-weight: bold;margin-bottom: 20px;}
.quote .partsBox table{width: 100%;border-spacing: 8px;text-align: left;margin-left: -8px;}
.quote .partsBox th{background-color: #222222;font-size: 14px;color: #fff;line-height: 28px;padding-left: 8px;}
.quote .partsBox th.require::before{content: '*';color: #EC1C24;margin-right: 4px;}
.quote .partsBox td{height: 34px;position: relative;border-bottom: 1px solid #878787;padding-left: 1px;}
.quote .partsBox td input{width: 100%;height: 100%;border: none;outline: none;}
.quote .partsBox td b, .quote .partsBox td i.plus{display: none;}
.quote .partsBox td i.icon-del{text-indent: 100px;overflow: hidden;width: 30px;height: 30px;text-align: center;position: absolute;right: 0;top: 0;cursor: pointer;border-radius: 3px;}
.quote .partsBox td i.icon-del:before{position: absolute;left: 50%;top: 50%;font-size: 20px;margin-left: -105px;margin-top: -10px;}
.quote .partsBox td i.icon-del:hover{color: #fff;background-color: #222222;}
.quote .partsBox .btn{text-align: right;}
.quote .partsBox .btn button{font-size: 15px;color: #181818;border: none;background-color: transparent;margin-left: 38px;padding:  3px 12px;position: relative;cursor: pointer;transition: all .2s;text-transform: capitalize;}
.quote .partsBox .btn button::before{content: '';position: absolute;width: 4px;height: 16px;background-color: #EC1C24;left: 0;top: 50%;transform: translateY(-50%);}
.quote .partsBox .btn button:hover{background-color: #EC1C24;color: #fff;}

.quote .form_module{background-color: #fff;padding: 30px 11px 0;}
.quote .form_module h3{font-size: 25px;color: #000;font-weight: bold;padding-bottom: 19px;}
.quote .form_module li.mes{height: 105px;width: 100%;}
.quote .form_module .form_btn{padding: 10px 0 25px;}
.quote .form_module .form_btn button{font-size: 34px;}
.quote .form_module .form_btn button::before{height: 26px;}

/*quote-success*/
.quote-success .icon-write{background-color: #222222;font-size: 20px;color: #FFFFFF;text-align: center;height: 108px;line-height: 24px;padding: 18px 300px 0 300px;position: relative;}
.quote-success .icon-write:before{display: none;}
.quote-success .icon-write a.home{height: 34px;line-height: 32px;position: absolute;border: 1px solid #FFFFFF;border-radius: 3px;padding: 0 20px;right: 14px;top: 26px;color: #FFFFFF;font-size: 14px;font-weight: bold;}
.quote-success .icon-write a.home:hover{background-color: #db070f;}
.quote-success .quote-info{background-color: #FFFFFF;margin-top: -24px;position: relative;border-radius: 20px 20px 0 0;padding: 10px 18px 30px 18px;margin-bottom: 20px;}
.quote-success .quote-info h1{font-size: 20px;line-height: 50px;text-align: center;color: #000000;}
.quote-success .quote-info h1 + p{text-align: center;font-size: 14px;line-height: 26px;}
.quote-success .quote-info h2{font-size: 18px;line-height: 40px;color: #000000;}
.quote-success .quote-info > i{position: absolute;right: 20px;top: 15px;border: 1px solid #DDDDDD;height: 30px;line-height: 30px;padding: 0 20px;border-radius: 3px;font-style: normal;color: #1F1F1F;}
.quote-success .quote-info .list dl{padding: 5px 0;float: left;width: 50%;font-size: 13px;}
.quote-success .quote-info .list dt{float: left;width: 110px;font-size: 13px;color: #838383;}
.quote-success .quote-info .list dd{font-size: 13px;color: #000000;float: left;width: 540px;word-break: break-all;}
.quote-success .quote-info table{background-color: #F8F8F8;}
.quote-success .quote-info th,.quote-success .quote-info td{height: 42px;font-size: 14px;border-bottom: 1px solid #DDDDDD;}
.quote-success .quote-info th{color: #838383;text-align: left;font-weight: normal;}
.quote-success .quote-info td{color: #000000;}
.quote-success .quote-info td:first-child{text-align: center;width: 50px;}
.quote-success .quote-info td i{display: none;font-style: normal;font-weight: bold;margin-right: 5px;}
.quote-success .quote-info fieldset{border: 1px dashed #EC1C24;padding: 20px;text-align: center;width: 800px;margin: 15px auto;}
.quote-success .quote-info legend{font-size: 20px;color: #000;font-weight: bold;}
.quote-success .quote-info fieldset .file{color: #000;display: inline-block;text-align: left;background-image: url("../images/bomFile.jpg");background-repeat: no-repeat;padding-left: 50px;min-height: 50px;font-size: 14px;}
.quote-success .quote-info fieldset .file s{color: #999;text-decoration: none;display: block;margin-top: 7px;}
.quote-success .quote-info ul.tips{padding: 16px 0;}
.quote-success .quote-info ul.tips li{float: left;width: 50%;padding: 4px 0;line-height: 16px;color: #838383;padding-left: 12px;position: relative;}
.quote-success .quote-info ul.tips li:before{content: "*";color: #EC1C24;left: 0;top: 6px;position: absolute;}
.quote-success .quote-info .thank-you{text-align: center;color: #383838;padding-top: 25px;line-height: 24px;}
.quote-success .quote-info .thank-you h3{color: #EC1C24;font-weight: bold;}
/*search empty*/
.search-result{background-color: #A3A9B5;color: #FFFFFF;}
.search-result .pane .crumbs,.search-result .pane .crumbs a,.search-result .pane .crumbs a:after{color: #FFFFFF;}
.search-result .pane h1{font-size: 25px;line-height: 70px;}
.search-result .pane p{padding-bottom: 20px;}
.search-result .pane p a{color: #FFFFFF;text-decoration: underline;}
.search-result + .quote{padding-top:0;}
.search-result + .quote .materials{padding-bottom:30px;}

@media screen and (max-width: 768px)
{
	.quote .left{display: none;}
	.quote .right{width: 100%;padding: 0;margin: 0;}
	.quote .partsBox{padding: 0;margin: 0;padding: 34px 8px 0;}
	.quote .partsBox th{display: none;}
	.quote .partsBox td{float: left;width: 49%;display: block;height: auto;padding-left: 7px;padding-top: 7px;border: none;}
	.quote .partsBox td:nth-child(5){border-bottom: 10px solid #EFF0F4;width: 98%;}
	.quote .partsBox td:nth-child(5):after{bottom: auto;top: 33px;}
	.quote .partsBox td b{display: block;color: #5F5F5F;font-weight: normal;text-align: left;font-size: 12px;padding-top: 5px;}
	.quote .partsBox td input{height: 30px;width: 100%;text-align: left;border-bottom: 1px solid #DDDDDD;}
	.quote .partsBox td i{top: 50% !important;transform: translateY(-50%);font-style: inherit;line-height: 28px;border-radius: 30px !important;width: 30px;height: 30px;line-height: 30px;}
	.quote .partsBox td i::before{position: static;}


	.quote .post_form > ul > li{width: 100%;}

	/*quote-success*/
	.quote-success .icon-write{padding: 10px 0 20px 50px;height: auto;font-size: 14px;text-align: left;}
	.quote-success .icon-write:before{display: block;font-size: 40px;position: absolute;left: 5px;top: 20px;}
	.quote-success .icon-write a.home{display: none;}
	.quote-success .quote-info{margin: 0;padding: 10px 5px 30px 5px;}
	.quote-success .quote-info h1{text-align: left;color: #EC1C24;line-height: 40px;}
	.quote-success .quote-info h2{font-size: 14px;font-weight: bold;line-height: 30px;}
	.quote-success .quote-info > i{display: inline-block;position: static;}
	.quote-success .quote-info .list dl{float: none;width: auto;}
	.quote-success .quote-info .list dl:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
	.quote-success .quote-info .list dt{width: 30%;}
	.quote-success .quote-info .list dd{width: 70%;}
	.quote-success .quote-info tr:first-child{display: none;}
	.quote-success .quote-info td{display:block;width: 100%;padding: 10px 0 10px 10px;height: auto;}
	.quote-success .quote-info td:first-child{width: auto;border-top: 3px solid #D3D3D3;}
	.quote-success .quote-info td:first-child:before{content: "#";}
	.quote-success .quote-info td i{display: inline-block;}
	.quote-success .quote-info fieldset{width: auto;}
	.quote-success .quote-info ul.tips li{float: none;width: auto;}
	/*search empty*/
	.search-result{height: 300px;background-image: linear-gradient(#A3A9B5 40%,#EFF0F4);}
	.search-result .pane h1{padding-left: 0.5rem;font-size: 14px;line-height: 30px;}
	.search-result .pane p{padding-left: 0.5rem;}
	.search-result + .quote .materials{border-radius: 20px 20px 0 0;margin: -150px 0.5rem 0 0.5rem;}
}