@charset "UTF-8";

table th {
  width: 52%;
}


.elbow-accordion {
    color: #000;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 17px;
    transition: 0.4s;
    border-bottom: none;
    position: relative;
  }
  .elbow-accordion::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 10px;
    height: 10px;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    transform: translate(0,-50%) rotate(45deg);
  }
  .elbow-accordion.active{
    border-bottom: none;
  }
  .elbow-accordion:last-of-type .active{
    border-bottom: none;
  }
  .elbow-accordion.active::after{
    border-top: none;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    transform: translate(0,-50%) rotate(45deg);
  }


.row-delete {
  background-color: transparent;
  position: relative;
  border: none;
}
.row-delete::after {
  content: 'DEL';
  position: absolute;
  top: -130%;
  left: 50%;
  transform: translateX(-50%);
  width: fit-content;
  height: fit-content;
  background-color: rgb(168, 7, 7);
  padding: 4px 8px;
  border-radius: 5px;
  transition: .2s linear;
  transition-delay: .2s;
  color: white;
  text-transform: uppercase;
  font-size: 12px;
  opacity: 0;
  visibility: hidden;
}
.row-delete-icon {
  transform: scale(1.2);
  transition: .2s linear;
}
.row-delete:hover > .row-delete-icon {
  transform: scale(1.5);
}
.row-delete:hover > .row-delete-icon path {
  fill: rgb(168, 7, 7);
}
.row-delete:hover::after {
  visibility: visible;
  opacity: 1;
  top: -160%;
}

#area03 {
    display:none;
}

.selection #area03 .cross_section {
    max-width: 1184px;
    width: 100%;
    margin: 24px auto 80px;
    padding-left: 0.5%;
    text-align: right;
}

.selection #area03 #canvasBox {
    border: solid 20px #c7d9e3;
    box-sizing: content-box;
    width:100%;
}

.drag_area {
    display:flex;
    width:100%;
    align-items: flex-end;
    /*margin: 0 auto;*/
}

.draggable-obj {
    cursor: pointer;
}

.base_draw_box {
    width: 100%;
    max-height: 9750px;
    display: flex;
    position: relative;
    /*justify-content: center;*/
}

.figure_box {
    width: 100%;
    border-style: solid;
    border-color: #c7d9e3;
    position:relative;
    background-color: #D1E6F6;
}

.figure_box .figure-obj-rail {
    position: absolute;
    background-color: antiquewhite;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1b1b1b;
    font-size: 90%;
}

.figure-obj {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: flex-end;
    /*border: dotted 0.5px gray;*/
}

.figure-obj .figure-obj-jd {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jd.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jds {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jds.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jbh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jbh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

.figure-obj .figure-obj-jrh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jrh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

 .figure-obj .figure-obj-jkh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jkh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
 }

.figure-obj .figure-obj-jk {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jk.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jks {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jks.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdg {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdg.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdgs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdgs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jke {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jke.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jkf {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jkf.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jkfs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jkfs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jci {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jci.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jcis {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jcis.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jcois {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jcois.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jco {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jco.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jcos {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jcos.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jcs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jcs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jfe {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jfe.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jf {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jf.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jht {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jht.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jhts {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jhts.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwt {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwt.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwts {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwts.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jw {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jw.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jws {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jws.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwn {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwn.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwns {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwns.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwnl {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwnl.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jwnls {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jwnls.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-js {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-js.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jss {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jss.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jsn {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jsn.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdr {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdr.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdrs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdrs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdra {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdra.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jdi {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jdi.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jx {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jx.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jxs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jxs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jxb {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jxb.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jp {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jsp {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jsp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jspn {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jspn.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jec {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jec.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jecs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jecs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jetcs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jetcs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jea {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jea.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jet {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jet.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}


.figure-obj .figure-obj-jes {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jes.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jeh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jeh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jtc {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jtc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jtcs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jtcs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jth {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jth.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jek {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jek.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jsc {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jsc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jscs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jscs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jmb {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jmb.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jmbs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jmbs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjd {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjd.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjdsp {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjdsp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjds {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjds.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjk {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjk.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjks {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjks.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjci {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjci.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjcois {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjcois.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjcim {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjcim.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjco {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjco.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjcom {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjcom.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjf {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjf.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjw {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjw.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjws {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjws.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjht {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjht.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjhts {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjhts.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjwt {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjwt.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjwts {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjwts.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjss {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjss.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjp {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjp.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjad {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjad.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjads {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjads.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjsc {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjsc.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjscs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjscs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjmb {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjmb.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-tjmbs {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-tjmbs.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jech {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jech.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-jehh {
    display: flex;
    width:100%;
    height:100%;
    background-image: url("/common/img/fireproof/jd/figure-obj-jehh.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.figure-obj .figure-obj-etc {
    background: ivory;
    display: flex;
    width:100%;
    height:100%;
    border: solid 1px black;
}