@charset "utf-8";

.flex_center {
    display: flex;
    justify-content: center;
}

.flex_between {
    display: flex;
    justify-content: space-between;
}

.bread {
    list-style: none;
    overflow: hidden;
}

.bread li {
    float: left;
    line-height: 50px;
}

.bread li {
    display: block;
    float: left;
    padding: 0 40px 0 50px;
    color: #666;
    text-decoration: none;
    background: -moz-linear-gradient(left, #EDEDED, #CCCCCC);
    background: -webkit-linear-gradient(left, #EDEDED, #CCCCCC);
    background: -ms-linear-gradient(left, #EDEDED, #CCCCCC);
    background: linear-gradient(left, #EDEDED, #CCCCCC);
    background-color: #CCCCCC;
    /* text-shadow: 1px 1px 0 #FFFFFF; */
}

.bread li:not(:last-child)::before {
    display: block;
    width: 15px;
    height: 25px;
    border-right: 5px solid #FFFFFF;
    margin: 0 -50px -25px auto;
    background-color: #CCCCCC;
    content: " ";
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    transform: skew(25deg);
}

.bread li:not(:last-child)::after {
    display: block;
    width: 15px;
    height: 25px;
    border-right: 5px solid #FFFFFF;
    margin: -25px -50px 0 auto;
    background-color: #CCCCCC;
    content: "";
    -webkit-transform: skew(-25deg);
    -moz-transform: skew(-25deg);
    transform: skew(-25deg);
}

.bread li.current {
    color: #FFFFFF;
    /* font-weight: bold; */
    /* background: linear-gradient(left, #E69A4F, #BA4A0A);
    background: -webkit-linear-gradient(left, #E69A4F, #BA4A0A);
    background: -moz-linear-gradient(left, #E69A4F, #BA4A0A);
    background: -ms-linear-gradient(left, #E69A4F, #BA4A0A);*/
    background: linear-gradient(left, #5cb137, #256907);
    background: -webkit-linear-gradient(left, #5cb137, #256907);
    background: -moz-linear-gradient(left, #5cb137, #256907);
    background: -ms-linear-gradient(left, #5cb137, #256907);
    background-color: #256907;
    /* text-shadow: 1px 1px 0 #256907; */
}

.bread li.current:not(:last-child)::after,
.bread li.current:not(:last-child)::before {
    background-color: #256907;
}

/* .bread li a:hover {
    color: #FFFFFF;
    background: linear-gradient(left, #CCCCCC, #999999);
    background: -webkit-linear-gradient(left, #CCCCCC, #999999);
    background: -moz-linear-gradient(left, #CCCCCC, #999999);
    background: -ms-linear-gradient(left, #CCCCCC, #999999);
    background-color: #999999;
    text-shadow: 1px 1px 0 #999999;
} */

/* .bread li a:hover::before,
.bread li a:hover::after {
    background-color: #999999;
} */