.e-catalog-select-wrap {width: calc(100% - 40px);min-height: 714px;max-width: 1440px; margin:  0 auto; padding-top: 40px;position: relative;}
.e-catalog-select-wrap > ul {width: 100%; position: relative;}
.e-catalog-select-wrap ul .e-catalog-depth-1 {
    margin-bottom: 8px;
    /*width: 17.813vw;*/
    width: 100%;
}
.e-catalog-select-wrap ul .e-catalog-depth-1:last-child {margin-bottom: 0;}
.e-catalog-relative {position: relative;max-width:342px;}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a {
    width: 22vw;
    max-width: 342px;
    display: flex;
    align-items: center;
    padding: 4px 25px 4px 4px;
    background-color: #F4F4F4;
    transition: all 0.3s;
    position: relative;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image:url(../../../images/util-menu/more-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 12px;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a .depth-1-txt {
    font-size: 18px;
    color: #656565;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a:hover::after {
    background-image:url(../../../images/util-menu/more-arrow-active.png);
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a.active::after {
    background-image:url(../../../images/util-menu/more-arrow-active.png);
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > a:hover {background-color: #812a9e;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > a.active {background-color: #812a9e;}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) > a:hover {background-color: #00b2b2;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) > a.active {background-color: #00b2b2;}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) > a:hover {background-color: #1254b5;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) > a.active {background-color: #1254b5;}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > a:hover {background-color: #f28e00;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > a.active {background-color: #f28e00;}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > a:hover {background-color: #c11d20;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > a.active {background-color: #c11d20;}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a:hover .depth-1-txt {color: #fff;font-weight: 600;} 
.e-catalog-select-wrap ul .e-catalog-depth-1 > a.active .depth-1-txt {color: #fff; font-weight: 600;}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a span {
  display: inline-block;
  margin-right: 12px;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a span img {
  max-width: 64px;
  display: block;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a::before {content: ''; width: 126px; height: 108px; margin-right: 12px; display: inline-block; background-repeat: no-repeat; background-size: cover; background-position: center center;filter: invert(100%); transition: all 0.3s;}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a:hover::before {filter: invert(0);}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a.active::before {filter: invert(0);}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > a::before { background-image: url(../../../images/util-menu/holemaking.png); }
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) > a::before { background-image: url(../../../images/util-menu/threading.png); }
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) > a::before { background-image: url(../../../images/util-menu/milling.png); }
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > a::before { background-image: url(../../../images/util-menu/turning.png); }
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > a::before { background-image: url(../../../images/util-menu/tooling.png); }
.e-catalog-select-wrap .e-catalog-depth-2-wrap {
    /* width: calc(100% - 366px); */
    width: 100%;
    display: none;
    position: absolute;
    /* left: 22.5vw; */
    left: 25%;
    top: 0;
}
.e-catalog-select-wrap ul .e-catalog-depth-1 > a.active + .e-catalog-depth-2-wrap {display: block;}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li {margin-bottom: 4px;/*width: 17.813vw;*//*position: relative;*/}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li:last-child {margin-bottom: 0;}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a {
    color: #656565;
    display: block;
    width: 100%;
    max-width: 342px;
    padding: 8.5px 30px 8.5px 8px;
    min-height: 54px;
    position: relative;
    background-color: #F4F4F4;
    transition: font-weight 0.3s;
  }
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a::after {
    content: '';
    width: 24px;
    height: 24px;
    background-image:url(../../../images/util-menu/more-arrow.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 12px;
}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a .txt {
    width: 90%;
    display: inline-block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 14px;
}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a.active,
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a:hover  {color: #fff;font-weight: bold;background-color: #000;}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a.active::after,
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a:hover:after {
    background-image:url(../../../images/util-menu/more-arrow-active.png);
}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a.active .txt,
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a:hover .txt{font-weight: bold;}
/* holemaking */
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > .e-catalog-depth-2-wrap li > a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > .e-catalog-depth-2-wrap li > a.active {background-color: #812a9e;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > .e-catalog-depth-2-wrap li > a > img{
    filter: brightness(0.5);
    transition: all .35s;
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > .e-catalog-depth-2-wrap li > a:hover > img,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) > .e-catalog-depth-2-wrap li > a.active > img{filter: brightness(1);}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) .e-catalog-depth-3-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) .e-catalog-depth-3-wrap li a.active {
    background-color: #F5EFF7;
    color: #812A9E;
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) .e-catalog-depth-3-wrap li a:hover::after,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) .e-catalog-depth-3-wrap li a.active::after {
    background-image:url(../../../images/util-menu/holemaking-arrow-active.png);
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(1) .e-catalog-depth-3-wrap li a > img{filter: brightness(1);}
/* threading */
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) .e-catalog-depth-2-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) .e-catalog-depth-2-wrap li a.active {
    background-color: #E2FAFB;
    color: #00B2B2;
} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) .e-catalog-depth-2-wrap li a:hover::after,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(2) .e-catalog-depth-2-wrap li a.active::after {
    background-image:url(../../../images/util-menu/threading-arrow-active.png);
} 
/* milling */
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) .e-catalog-depth-2-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) .e-catalog-depth-2-wrap li a.active {
    background-color: #E1E9F6;
    color: #1254B5;
} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) .e-catalog-depth-2-wrap li a:hover::after,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(3) .e-catalog-depth-2-wrap li a.active::after {
    background-image:url(../../../images/util-menu/milling-arrow-active.png);
} 
/* turning */
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > .e-catalog-depth-2-wrap li > a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > .e-catalog-depth-2-wrap li > a.active {background-color: #f28e00;} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) .e-catalog-depth-3-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) .e-catalog-depth-3-wrap li a.active {
    background-color: #FFEFD9;
    color: #F28E00;
} 
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > .e-catalog-depth-2-wrap li > a > img{
    filter: brightness(0.5);
    transition: all .35s;
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > .e-catalog-depth-2-wrap li > a:hover > img,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) > .e-catalog-depth-2-wrap li > a.active > img{filter: brightness(1);}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) .e-catalog-depth-3-wrap li a:hover::after,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) .e-catalog-depth-3-wrap li a.active::after {
    background-image:url(../../../images/util-menu/turning-arrow-active.png);
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(4) .e-catalog-depth-3-wrap li a > img{filter: brightness(1);}
/* tooling System */
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-2-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-2-wrap li a.active {
    background-color: #C11D20;
    color: #fff;
} 

.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-3-wrap li a:hover,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-3-wrap li a.active {
    background-color: #F8E8E8;
    color: #C11D20;
}

.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > .e-catalog-depth-2-wrap li > a > img{
    filter: brightness(0.5);
    transition: all .35s;
}
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > .e-catalog-depth-2-wrap li > a:hover > img,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) > .e-catalog-depth-2-wrap li > a.active > img{filter: brightness(1);}

.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-3-wrap li a:hover::after,
.e-catalog-select-wrap ul .e-catalog-depth-1:nth-child(5) .e-catalog-depth-3-wrap li a.active::after {
    background-image:url(../../../images/util-menu/tooling-arrow-active.png);
}
.e-catalog-depth-3-wrap {
    position: absolute;
    top: 0;
    /*left: 19vw;*/
    /*display: none;*/
    left: 25%;
    width: 100%;
}
.e-catalog-depth-3-wrap .e-catalog-depth-3-list li a {
    display: flex;
    align-items: center;
    width: 22vw;
    max-width: 342px;
}
.e-catalog-select-wrap .e-catalog-depth-2-wrap li a.active + .e-catalog-depth-3-wrap {display: block;}

.e-catalog-depth-2-wrap .e-catalog-depth-2-list li a {display: flex;align-items: center;/*max-height: 48px;*/}
.e-catalog-depth-2-wrap .e-catalog-depth-2-list li a img{max-width: 94px;margin-right: 10px;}
.e-catalog-depth-2-wrap .e-catalog-depth-2-list li a span:not(.txt) {margin-right: 12px;display: inline-block;}
.e-catalog-depth-2-wrap .e-catalog-depth-2-list li a span:not(.txt) img {display: block;}


.e-catalog-depth-3-wrap {position: absolute;top: 0;/*left: 19vw;*//*display: none;*/left: 366px;width: 100%;}
.e-catalog-depth-3-wrap .e-catalog-depth-3-list li a {display: flex;align-items: center;/*max-height: 48px;*/}
.e-catalog-depth-3-wrap .e-catalog-depth-3-list li a span:not(.txt) {margin-right: 12px;display: inline-block;}
.e-catalog-depth-3-wrap .e-catalog-depth-3-list li a span:not(.txt) img {display: block;}

.e-catalog-depth-4-wrap {position: absolute;top: 0;/*left: 19vw;*//*display: none;*/left: 366px;width: 100%;}
.e-catalog-depth-4-wrap .e-catalog-depth-4-list li a {display: flex;align-items: center;/*max-height: 48px;*/}
.e-catalog-depth-4-wrap .e-catalog-depth-4-list li a span:not(.txt) {margin-right: 12px;display: inline-block;}
.e-catalog-depth-4-wrap .e-catalog-depth-4-list li a span:not(.txt) img {display: block;}

/* @media screen and (max-width:1100px) {
    .e-catalog-select-wrap ul .e-catalog-depth-1 {width: 31.813vw;}
    .e-catalog-select-wrap .e-catalog-depth-2-wrap {left: 33vw;}
    .e-catalog-select-wrap .e-catalog-depth-2-wrap li {width: 31.813vw;}
    .e-catalog-depth-3-wrap {left: 33vw;}
} */

@media screen and (max-width: 1400px) {
    .e-catalog-select-wrap ul .e-catalog-depth-1 > a{width: 100%;}
    .e-catalog-select-wrap ul .e-catalog-depth-1 > a .depth-1-txt {font-size: 16px;}
    .e-catalog-select-wrap ul .e-catalog-depth-1 {width: 100%;}
    .e-catalog-select-wrap ul .e-catalog-depth-1 > a {max-width: 100%;}
    .e-catalog-depth-2-list {margin-top: 8px;}
    .e-catalog-select-wrap .e-catalog-depth-2-wrap {position: static;width: 100%;}
    .e-catalog-select-wrap .e-catalog-depth-2-wrap li {width: 100%;}
    .e-catalog-select-wrap .e-catalog-depth-2-wrap li a {max-width: 100%;width: calc(100% - 20px);margin-left: 20px;}
    .e-catalog-depth-3-wrap {position: static;margin-top: 8px;}
    .e-catalog-select-wrap .e-catalog-depth-3-wrap li a {max-width: 100%;width: calc(100% - 38px);margin-left: 38px;}
    .e-catalog-select-wrap ul .e-catalog-depth-1 > a::before {width: 120px; height: 100px;}
}