#describe{overflow:hidden}
.ccon #describe article{float:left;width:100%;margin-bottom:30px}
.ccon #Cgmap{float:left;width:400px;margin-top:20px;margin-right:80px}
.ccon form{float:left;width:calc(100% - 480px)}
#Cgmap iframe{width:100%;height:600px}
.contact-set{text-align:center}
.contact-set .inside{font-family:'Candal',sans-serif;line-height:150%;text-align:center;color:#6ee6a8;font-weight:400;font-size:40px;margin-top:70px}
.contact-set article{text-align:center;line-height:150%;font-size:16px;padding:30px}
.step{margin:0 0 120px;text-align:center}
.step ul{text-align:center;padding:20px 0}
.step ul li{display:inline-block;position:relative;padding:0 50px;margin-right:-4px;color:#23a05f;font-size:16px}
.step ul li:after{content:'';width:calc(40% - 2em);background:#7beeb2;height:1px;position:absolute;top:calc(50% - 1px);right:0}
.step ul li:before{content:'';width:calc(40% - 2em);background:#7beeb2;height:1px;position:absolute;top:calc(50% - 1px);left:0}
.step ul li:first-child:before,.step ul li:last-child:after{display:none}
.contact-form,#order{margin:0 auto}
form,fieldset{border:0;margin:0;padding:0;overflow:hidden}
form .list{padding:20px 40px;border-bottom:1px solid #3f3e3e}
form .list p{overflow:hidden;font-size:16px}
form .list p label{float:left;display:block;width:200px;font-weight:700;margin-top:10px}
form .list p label strong{color:red;margin-left:5px;font-size:12px;vertical-align:bottom}
form .list p input,form .list p textarea{float:left;width:calc(100% - 220px - 2px);border:1px #a5a5a5 solid;background:#f5f5f5;padding:10px}
form .list p input#Checknum{width:100px;margin-right:10px}
form .list.last{border-bottom:none;padding-bottom:0;position:relative;z-index:1;text-align:center}
form .list.last p{display:inline-block}
form .list.last p input{width:250px;text-align:center;background:none;border:none;float:none;padding:10px 0;display:inline-block;color:#fff;cursor:pointer;position:relative}
form .list.last p:after{position:absolute;content:'';left:calc(50% - 125px);bottom:0;width:250px;height:37px;background:#747474;z-index:-2;transition:all ease-in-out .3s}
form .list.last p:before{position:absolute;content:'';left:calc(50% - 125px);bottom:0;width:0;height:37px;background:#640000;z-index:-1;transition:all ease-in-out .3s}
form .list.last p:hover:before{width:250px}
form .list.last p:hover:after{width:0}
form .list.code img{margin-top:8px}
.orderStyle{padding:20px}
#order .orderWrap{margin-bottom:15px}
#order .orderWrap .orderList{overflow:hidden;position:relative;padding:10px 0;border-bottom:1px #8e8e8e dashed}
#order .orderWrap .orderList p{width:15%;float:left}
#order .orderWrap .orderList p:first-child{width:40%}
#order .orderWrap .orderList p label{padding-bottom:5px;border-bottom:2px #005f5e solid;text-align:center;display:none}
#order .orderWrap .orderList:first-child p label{display:block}
#order .orderWrap .orderList p b{margin:5px 20px;display:block;line-height:100px;text-align:center}
#order .orderWrap .orderList p:first-child b{text-align:left}
#order .orderWrap .orderList p b a{color:#000}
#order .orderWrap .orderList p b img{margin-right:15px;height:100px}
#order .orderWrap .orderList p input[type="text"]{padding:0 10px;width:30px;border:1px #ddd solid;font-size:16px}
#order .orderWrap .orderList p input[type="button"]{margin-left:0;padding:5px 10px;background:#ec3939;border-color:#901c1c;font-size:14px;font-weight:400;color:#fff}
#order .orderWrap .orderList p input[type="button"]:hover{background:#901c1c}
#order #orderTotal p{margin:10px 0;text-align:right}
#order .button{margin:15px 0 30px;text-align:center}
#order .button p.link{text-align:right}
#order .button p{width:49%;display:inline-block}
#order .button p a{padding:10px 20px;background:#8c7d68;display:inline-block;font-weight:400;color:#fff}
#order .button p.link a{background:#e17b60}
#order .button p a i{vertical-align:initial}
#order .button p a:hover{opacity:.7}
.contact-center,.contact-center p{text-align:center}
@media screen and (max-width:1522px) {
.ccon #Cgmap{width:300px;margin-right:50px}
.ccon form{width:calc(100% - 350px)}
#Cgmap iframe{height:500px}
}
@media screen and (max-width:1440px) {
.ccon #Cgmap{width:100%;margin:0}
.ccon form{width:100%}
#Cgmap iframe{height:250px}
}
@media screen and (max-width:1280px) {
.contact-form,#order{width:100%}
}
@media screen and (max-width:768px) {
form .list p input,form .list p textarea{width:calc(100% - 20px - 2px);margin-top:10px}
form .list p label{width:100%}
.step ul li{padding:0 30px}
form .list.code img{margin-top:18px;float:left}
#order .orderWrap .orderList{border-bottom:0}
#order .orderWrap .orderList p,#order .orderWrap .orderList p:first-child{float:none;width:100%;border-bottom:1px #8e8e8e dashed}
#order .orderWrap .orderList p label,#order .orderWrap .orderList:first-child p label,#order .orderWrap .orderList p b{margin:0;padding:10px 0;width:49%;display:inline-block;line-height:33px;border-bottom:0}
#order .orderWrap .orderList p:first-child label,#order .orderWrap .orderList p:first-child b{width:100%;text-align:center}
#order .orderList p b a{height:auto}
#order .orderWrap .orderList p:first-child label{border-bottom:2px #0c6b69 solid}
#order .orderWrap .orderList p b img{margin:0 auto 10px;max-width:100%;height:auto!important;display:block}
.orderStyle{padding:0}
}
@media screen and (max-width:480px) {
form .list{padding:20px 0}
.step{display:none}
.contact-set .inside{font-size:30px}
.contact-set article{font-size:14px}
.contact-set .inside{margin-top:50px}
#Cgmap iframe{height:150px}
}