.banner{background-color: #269D81;color: #FFFFFF;}
.banner .pane .crumbs,.banner .pane .crumbs a,.banner .pane .crumbs a:after{color: #FFFFFF;}
.banner .pane h1{font-size: 25px;line-height: 60px;}
.banner .pane ul.step{display: flex;text-align: center;padding: 15px 0 20px 0;margin: 0 1%;}
.banner .pane ul.step li{width: 190px;position: relative;padding-top: 100px;font-size: 14px;text-align: center;overflow: hidden;margin: 0 36px;}
.banner .pane ul.step li:before{position: absolute;font-size: 60px;left: 50%;margin-left: -30px;top: 30px;}
.banner .pane ul.step li i{position: absolute;left: 0;top: 0;font-size: 20px;font-style: normal;width: 30px;height: 30px;text-align: left;line-height: 14px;}
.banner .pane ul.step li i:before{content: "";height: 1px;width: 36px;position: absolute;background-color: #FFFFFF;transform:rotate(-45deg);transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);top: 15px;left: -4px;}
.quote{padding-top: 32px;padding-bottom: 30px;}
.quote h2{font-size: 20px;font-weight: bold;color: #000000;line-height: 30px;padding: 15px 0;}
.quote h2 +p{font-size: 13px;color: #838383;padding: 0 10px 10px 10px;}
.quote .tips{float: left;width: 690px;height: 300px;background-color: #FFFFFF;padding: 0 12px;}
.quote .tips ol{padding-left: 15px;}
.quote .tips li{font-size: 13px;color: #838383;padding: 6px 0;list-style: decimal;}
.quote .tips li a{color: #25427C;}
.quote .tips li b{color: #E20E00;}
.quote .bom{float: right;width: 700px;height: 300px;background-color: #FFFFFF;padding: 0 12px;}
.quote .bom p{font-size: 16px;color: #383838;line-height: 20px;padding: 0 0 5px;display: block;margin-bottom: 7px;}
.quote .icon-file{float: left;width: 260px;height: 176px;border: 1px dashed #C6C6C6;text-align: center;position: relative;font-size: 14px;color: #838383;padding: 106px 20px 0 20px;line-height: 22px;cursor: pointer;}
.quote .icon-file s.f{position: absolute;left: 0;top: 0;}
.quote .icon-file i{font-style: normal;}
.quote .icon-file span{display: none;}
.quote .icon-file s.icon-remove{display: none;text-decoration: none;color: #838383;font-size: 18px;padding-top: 10px;}
.quote .icon-file s.icon-remove:hover{color: #EE5A00;}
.quote .icon-file.over{border: 1px solid #EE5A00;}
.quote .icon-file.done{border: 1px solid #269D81;color: #269D81;padding-top:80px;}
.quote .icon-file.done:before{top:10px;}
.quote .icon-file.done i{display: none;}
.quote .icon-file.done span,.quote .icon-file.done s.icon-remove{display: block;}
.quote .icon-file:before{position: absolute;font-size: 60px;left: 50%;margin-left: -30px;top: 30px;}
.quote .icon-file input{width:0;}
.quote .bom .btn{float: right;width: 400px;color: #838383;}
.quote .bom .btn ul{line-height: 20px;padding-top: 10px;min-height: 135px;}
.quote .bom .btn li{position: relative;padding-left: 10px;}
.quote .bom .btn li:before{content: "*";color: #000000;position: absolute;top: 3px;left: 0;}
.quote .bom .btn button.upload{float: left;height: 38px;padding: 0 23px;border: none;background-color: #939BAA;color: #FFFFFF;font-size: 15px;font-weight: bold;border-radius: 5px;overflow: hidden;cursor: pointer;}
.quote .bom .btn button.upload:hover{background-color: #269D81;}
.quote .bom .btn a.download{display: inline-block;height: 38px;padding: 0 11px;border: 1px solid #939BAA;line-height: 36px;border-radius: 5px;margin-left: 18px;color: #6F798C;font-size: 15px;}
.quote .bom .btn a.download:hover{background-color: #269D81;color: #FFFFFF;}
.quote .materials{background-color: #FFFFFF;margin-top: 15px;padding: 0 14px;}
.quote .materials table{border-collapse: collapse;}
.quote .materials th{height: 42px;background-color: #F8F8F8;border: 1px solid #EEEEEE;border-top: 1px solid #CCCCCC;font-size: 14px;color: #383838;}
.quote .materials th:first-child{border-left: none;width: 40px;}
.quote .materials th:last-child{border-right: none;width: 180px;}
.quote .materials th:nth-child(6){width: 150px;}
.quote .materials th:nth-child(2):before,.quote .materials th:nth-child(3):before,.quote .materials th:nth-child(6):before{content:"*";color: #E20E00;}
.quote .materials td{height: 54px;position: relative;text-align: center;color: #000000;font-size: 15px;padding-top: 24px;}
.quote .materials td s{text-decoration: none;}
.quote .materials td b{display: none;}
.quote .materials td input{border: none;border-bottom: 1px solid #DDDDDD;width: 98%;height: 30px;padding-left: 2%;outline: none;text-align: center;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
.quote .materials td input:focus,.quote .materials td.done input{border-bottom: 1px solid #269D81;text-align: left;}
.quote .materials td input:focus::placeholder{opacity: 0;}
.quote .materials td.error input{border-bottom: 1px solid #E6070E;text-align: left;}
.quote .materials td.error input::placeholder{color: #E6070E;font-weight: bold;}
.quote .materials td i.plus{display: none;}
.quote .materials td i.icon-del{text-indent: 100px;overflow: hidden;width: 30px;height: 30px;text-align: center;position: absolute;right: 0;top: 20px;cursor: pointer;border-radius: 3px;line-height: 40px;}
.quote .materials td i.icon-del:before{position: absolute;left: 50%;top: 50%;font-size: 20px;margin-left: -105px;margin-top: -10px;}
.quote .materials td i.icon-del:hover{background-color: #269D81;color: #FFFFFF;}
.quote .materials .btn{padding: 15px 0;text-align: right;}
.quote .materials .btn button{height: 38px;line-height: 36px;font-size: 15px;color: #6F798C;padding: 0 30px;border: 1px solid #6F798C;border-radius: 5px;background-color: transparent;cursor: pointer;margin-left: 7px;}
.quote .materials .btn button:hover{background-color: #269D81;color: #FFFFFF;border: 1px solid #269D81;}
.quote .information{background-color: #FFFFFF;margin-top: 15px;padding: 0 12px;}
.quote .information p{text-align: left;}
.quote .information ul{width: 672px;}
.quote-success .icon-write{background-color: #269D81;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: #EE5A00;}
.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;}
.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 #269D81;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: #269D81;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: #269D81;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;}
/*lang*/
html[lang=en] .quote .bom p{margin-bottom: 17px;}
html[lang=fr] .quote .bom .btn ul,html[lang=jp] .quote .bom .btn ul,html[lang=it] .quote .bom .btn ul,html[lang=es] .quote .bom .btn ul,html[lang=sk] .quote .bom .btn ul,html[lang=ua] .quote .bom .btn ul,html[lang=gr] .quote .bom .btn ul,html[lang=ph] .quote .bom .btn ul,html[lang=ca] .quote .bom .btn ul,html[lang=eu] .quote .bom .btn ul{padding-top:0;padding-bottom:5px;}
html[lang=th] .quote .bom .btn ul{padding-bottom:10px;}
html[lang=fr] .quote .bom .btn a.download,html[lang=jp] .quote .bom .btn a.download,html[lang=it] .quote .bom .btn a.download,html[lang=es] .quote .bom .btn a.download,html[lang=th] .quote .bom .btn a.download,html[lang=sk] .quote .bom .btn a.download,html[lang=ua] .quote .bom .btn a.download,html[lang=gr] .quote .bom .btn a.download,html[lang=ph] .quote .bom .btn a.download,html[lang=ca] .quote .bom .btn a.download,html[lang=eu] .quote .bom .btn a.download{margin-left:5px;}
html[lang=de] .quote .bom .btn a.download,html[lang=ru] .quote .bom .btn a.download,html[lang=lu] .quote .bom .btn a.download,html[lang=my] .quote .bom .btn a.download,html[lang=mg] .quote .bom .btn a.download,html[lang=bg] .quote .bom .btn a.download,html[lang=ee] .quote .bom .btn a.download{margin-left:6px;}
html[lang=de] .quote .bom .btn button.upload,html[lang=gr] .quote .bom .btn button.upload{padding: 0 18px;}
html[lang=lu] .quote .bom .btn button.upload{padding: 0 22px;}
html[lang=es] .quote .bom .btn button.upload{padding: 0 16px;font-size: 14px;}
html[lang=it] .quote .bom .btn a.download,html[lang=it] .quote .bom .btn button.upload{padding: 0 14px;font-size: 13px;}
html[lang=ph] .quote .bom .btn a.download,html[lang=ph] .quote .bom .btn button.upload{padding: 0 8px;font-size: 13px;}
html[lang=jp] .quote .bom .btn a.download,html[lang=jp] .quote .bom .btn button.upload,html[lang=fr] .quote .bom .btn a.download,html[lang=fr] .quote .bom .btn button.upload{padding: 0 5px;font-size: 12px;}
html[lang=th] .quote .bom .btn button.upload,html[lang=ua] .quote .bom .btn button.upload{padding: 0 18px;font-size: 13px;}
@media screen and (max-width: 768px)
{
	.banner{background-image: linear-gradient(#269d81 40%,#EFF0F4);height: 320px;}
	.banner .pane h1{text-align: center;font-size: 18px;line-height: 40px;}
	.banner .pane ul.step li{padding-top: 35px;font-size: 12px;width: 20%;margin: 0;height: 80px;float: left;}
	.banner .pane ul.step li:before{font-size: 20px;margin-left: -10px;top: 10px;}
	.banner .pane ul.step li i{width: 26px;height: 26px;font-size: 14px;}
	.banner .pane ul.step li i:before{width: 30px;top: 14px;left: -3px;}
	.quote{padding: 0;}
	.quote .tips{float: none;width: auto;height: auto;margin: -120px 0.5rem 0 0.5rem;border-radius: 20px 20px 0 0;padding-bottom: 20px;}
	.quote .bom{display: none;}
	.quote h2{padding: 15px 10px;text-align: center;}
	.quote .materials{margin-top: 0;padding: 0;margin: 15px 8px 0 8px;}
	.quote .materials th{display: none;}
	.quote .materials td{float: left;width: 50%;display: block;height: auto;padding-left: 7px;padding-top: 7px;}
	.quote .materials td:first-child{display: none;}
	.quote .materials td:nth-child(3){margin-right: 0;}
	.quote .materials td:nth-child(6){margin-right: 0;}
	.quote .materials td:nth-child(2),.quote .materials td:nth-child(3){padding-top: 10px;}
	.quote .materials td:nth-child(6),.quote .materials td:nth-child(7){padding-bottom: 56px;border-bottom: 10px solid #EFF0F4;}
	.quote .materials td:nth-child(6):after,.quote .materials td:nth-child(7):after{bottom: auto;top: 33px;}
	.quote .materials td:nth-child(7):after{right: 5px;}
	.quote .materials td b{display: block;color: #5F5F5F;font-weight: normal;text-align: left;font-size: 12px;padding-top: 5px;}
	.quote .materials td input{height: 30px;width: 94%;text-align: left;}
	.quote .materials td i{top: 68px !important;font-style: inherit;padding: 0 30px 0 40px;line-height: 30px;border-radius: 30px !important;}
	.quote .materials td i:before{top: 63px;}
	.quote .materials td i.plus{position: absolute;left: 10px;display: block;border: 1px solid #269D81;color: #269D81;font-size: 12px;}
	.quote .materials td i.plus:before{content: "+";color: #269D81;position: absolute;left: 13px;top: -2px;font-size: 20px;}
	.quote .materials td i.icon-del{text-indent: 0;right: 10px;color: #5F5F5F;width: auto;border: 1px solid #5F5F5F;line-height: 30px;}
	.quote .materials td i.icon-del:before{top: 50%;left: 12px;margin: -10px 0 0 0;}
	.quote .materials .btn{display: none;}
	.quote .information h2{font-size: 16px;line-height: 40px;}
	.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: #269D81;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;}
}