/* -- category select -- */

.category-select-box {
    position: relative;
}
.category-select-box .select-button {
    position: relative;
    padding: 10px;
    border: 1px solid #0aa6f1;
}
.category-select-box .select-button:hover {
    border: 1px solid #acd331;
}
.category-select-box .select-button .select-text {
    padding: 0;
}
.category-select-box .select-button .trigger {
    border-left: none;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 60px;
    background: url(../../img/select.png) no-repeat center;
}

.category-select-box .select-list {
    display: none;
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: auto;
    background: white;
    box-shadow: 0 0 8px 0 rgba(204, 204, 204, 0.76);
}
.category-select-box .select-list li {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #0aa6f1;
}
.category-select-box .select-list li:last-child {
    border-bottom: none;
}
.category-select-box .select-list li.active {
    border-left: 3px solid #acd331;
}
.category-select-box .select-list li .select-list {
    display: none;
    left: 100%;
    top:0;
    height: 100%;
}
.category-select-box .select-list li:hover > .name {
    color: #0aa6f1;
}
.category-select-box .select-list li:hover > .select-list {
    display: block;
}