@media(min-width:600px){#prod_list_filter_12{display:block}
#prod_list_filter_12_mobile{display:none}
}
@media(max-width:599px){#prod_list_filter_12{display:none}
#prod_list_filter_12_mobile{display:block}
}
#prod_list_filter_12{padding:10px;background-color:#f5f5f5}
#prod_list_filter_12 .sortBox{background:#fff;border-radius:4px;position:relative}
#prod_list_filter_12 .sortBox .box{font-size:16px;border:1px solid #ccc;cursor:pointer;border-radius:4px;padding:10px 10px 10px 30px;display:inline-flex;align-items:center;justify-content:space-between;text-transform:none;text-align:center;transition:all .25s;width:170px;color:#333}
#prod_list_filter_12 .sortBox .box .icon{width:16px;transform:translateY(2px);color:#ccc;cursor:pointer}
#prod_list_filter_12 .sortBox .box .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px !important;display:inline-block;width:calc(100% - 20px);cursor:pointer}
#prod_list_filter_12 .sortBox .box:hover{border:1px solid #333;transition:all .25s}
#prod_list_filter_12 .sortBox .box:hover .icon{color:#333;transition:all .25s}
#prod_list_filter_12 .sortBox .list{position:absolute;width:212px;left:0;top:60px;z-index:9}
#prod_list_filter_12 .sortBox .list ul{background:#fff;border:1px solid #dee0e4;border-radius:3px;-ms-overflow-style:none;overflow:-moz-scrollbars-none}
#prod_list_filter_12 .sortBox .list ul a{color:#333}
#prod_list_filter_12 .sortBox .list ul::-webkit-scrollbar{width:0 !important}
#prod_list_filter_12 .sortBox .list>ul::before,#prod_list_filter_12 .sortBox .list>ul::after{content:"";display:block;border-width:8px;position:absolute;top:-16px;right:9px;border-style:solid dashed dashed dashed;border-color:transparent transparent #dee0e4 transparent;font-size:0;line-height:0}
#prod_list_filter_12 .sortBox .list>ul::after{top:-15px;border-color:transparent transparent #FFF transparent}
#prod_list_filter_12 .sortBox .list>ul>li{border-bottom:1px solid #ccc;position:relative}
#prod_list_filter_12 .sortBox .list>ul>li>a{height:40px;font-size:14px;line-height:40px;background-color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .25s;cursor:pointer;padding:0 20px 0 20px;display:flex;justify-content:space-between}
#prod_list_filter_12 .sortBox .list>ul>li>a>span{margin-left:8px;transform:translateX(6px)}
#prod_list_filter_12 .sortBox .list>ul>li>a:hover{background-color:#eee;transition:background-color .25s}
#prod_list_filter_12 .sortBox .list>ul>li:last-of-type{border-bottom:0}
#prod_list_filter_12 .sortBox .list>ul>li ul{position:absolute;left:100%;transform:translateY(-41px)}
#prod_list_filter_12 .sortBox .list>ul>li ul li{border-bottom:1px solid #ccc;position:relative}
#prod_list_filter_12 .sortBox .list>ul>li ul li a{height:40px;font-size:14px;line-height:40px;background-color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .25s;cursor:pointer;padding:0 20px 0 20px;display:flex;justify-content:space-between}
#prod_list_filter_12 .sortBox .list>ul>li ul li a span{margin-left:8px;transform:translateX(6px)}
#prod_list_filter_12 .sortBox .list>ul>li ul li a:hover{background-color:#eee;transition:background-color .25s}
#prod_list_filter_12 .sortBox .list>ul>li ul li:last-of-type{border-bottom:0}
#prod_list_filter_12_mobile{width:100%;margin-bottom:20px;color:#333}
#prod_list_filter_12_mobile a{color:#333}
#prod_list_filter_12_mobile #tabNav{display:grid;grid-template-columns:repeat(1,100%);background-color:#eee;line-height:40px;text-align:center;border:1px solid #ccc}
#prod_list_filter_12_mobile #tabNav div{border-right:1px solid #ccc;cursor:pointer}
#prod_list_filter_12_mobile #tabNav div:last-of-type{border-right:0}
#prod_list_filter_12_mobile #tabNav .left{background-color:#ccc}
#prod_list_filter_12_mobile #tabNav .right{background-color:red}
#prod_list_filter_12_mobile #tab #tab1>ul,#prod_list_filter_12_mobile #tab #tab2>ul{border:1px solid #dee0e4;border-top:0;border-bottom:0}
#prod_list_filter_12_mobile #tab #tab1>ul>li,#prod_list_filter_12_mobile #tab #tab2>ul>li{position:relative}
#prod_list_filter_12_mobile #tab #tab1>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>a{display:block;height:40px;font-size:14px;line-height:40px;background-color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .25s;cursor:pointer;padding:0 20px 0 20px;border-bottom:1px solid #dee0e4;display:flex;justify-content:space-between}
#prod_list_filter_12_mobile #tab #tab1>ul>li>a .prod_list_more_12,#prod_list_filter_12_mobile #tab #tab2>ul>li>a .prod_list_more_12{padding:0 15px}
#prod_list_filter_12_mobile #tab #tab1>ul>li>a:hover,#prod_list_filter_12_mobile #tab #tab2>ul>li>a:hover{background-color:#f2f2f2;transition:background-color .25s}
#prod_list_filter_12_mobile #tab #tab1>ul>li ul li,#prod_list_filter_12_mobile #tab #tab2>ul>li ul li{position:relative}
#prod_list_filter_12_mobile #tab #tab1>ul>li ul li a,#prod_list_filter_12_mobile #tab #tab2>ul>li ul li a{display:block;height:40px;font-size:14px;line-height:40px;background-color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:background-color .25s;cursor:pointer;border-bottom:1px solid #dee0e4;display:flex;justify-content:space-between}
#prod_list_filter_12_mobile #tab #tab1>ul>li ul li a .prod_list_more_12,#prod_list_filter_12_mobile #tab #tab2>ul>li ul li a .prod_list_more_12{padding:0 15px}
#prod_list_filter_12_mobile #tab #tab1>ul>li ul li a:hover,#prod_list_filter_12_mobile #tab #tab2>ul>li ul li a:hover{background-color:#f2f2f2;transition:background-color .25s}
#prod_list_filter_12_mobile #tab #tab1>ul>li>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>ul>li>a{padding:0 20px 0 40px}
#prod_list_filter_12_mobile #tab #tab1>ul>li>ul>li>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>ul>li>ul>li>a{padding:0 20px 0 60px}
#prod_list_filter_12_mobile #tab #tab1>ul>li>ul>li>ul>li>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>ul>li>ul>li>ul>li>a{padding:0 20px 0 80px}
#prod_list_filter_12_mobile #tab #tab1>ul>li>ul>li>ul>li>ul>li>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding:0 20px 0 100px}
#prod_list_filter_12_mobile #tab #tab1>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a,#prod_list_filter_12_mobile #tab #tab2>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>a{padding:0 20px 0 120px}