#content{
    background-color: #f0f0f0;
    padding-bottom: 15px;
}

.mfr-header-img{
    background-image: url("/mall/image/mfr/mfr-detail-bg.jpg");
    height: 320px;
    background-repeat: no-repeat;
    background-position: center,center;
    background-size: cover;
    padding-left: 0 !important;
    padding-right: 0 !important;
    opacity: 1;
}

.cat-title .title{
    font-size: 20pt;
}

.cat-title .results{
    font-size: 10pt;
    color: #403e6a;
    font-weight: 400;
}

.cat-title .toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.cat-title .toggle.ios .toggle-handle { border-radius: 20rem; }
.cat-title .toggle.ios {
    height: 25px;
}

.spec-filter{
    overflow-x: auto;
    padding-bottom: 10px;
}
.spec-filter::-webkit-scrollbar {
    height: 7px;
}
.spec-filter::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 5px rgb(210, 210, 210);
    background: #adadad;
}
.spec-filter::-webkit-scrollbar-thumb:hover {
    background: #c5c5c5;
}
.spec-filter::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #e1e1e1;
}
.spec-filter::-webkit-scrollbar-button {
    background: white;
    width: 0;
}

.spec-filter .spec-panel{
    border: 1px solid rgb(73 80 87 / 23%);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.11) !important;
    border-radius: 10px;
    margin-right: 8px;
    background-color: white;
}

.spec-filter .list-group{
    overflow-y: auto;
    max-height: 16rem;
    min-width: 7rem;
}

.spec-filter .list-group .list-group-item{
    cursor: pointer!important;
    color: rgb(59, 59, 59);
}

.spec-filter .list-group .list-group-item i{
    line-height: 25px;
    font-weight: 300;
}

.spec-filter .list-group .list-group-item.active{
    background-color: #f3f3f3;
}

.spec-filter .list-group .list-group-item i{
    color: #ef7f1f;
    font-weight: 100;
}

.spec-filter .title{
    white-space:nowrap;
    font-size: 11pt;
    font-weight: 600;
    color: #6b2918;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgb(169 171 221 / 33%);
}
.spec-filter .list-group-item{
    line-height: 25px;
    padding: 3px 3px 3px 10px;
    font-size: 10pt;
    font-weight: 500;
    border: none;
}
.spec-filter .list-group::-webkit-scrollbar {
    width: 6px;
}
.spec-filter .list-group::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 5px rgb(210, 210, 210);
    background: #d2d2d2;
}
.spec-filter .list-group::-webkit-scrollbar-thumb:hover {
    background: #c5c5c5;
}
.spec-filter .list-group::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #e1e1e1;
}
.spec-filter .list-group::-webkit-scrollbar-button {
    background: white;
    height: 5px;
}

.pdu-list{
    max-width: 100%;
    overflow: auto;
}
.pdu-list::-webkit-scrollbar {
    height: 7px;
    position: sticky;
}
.pdu-list::-webkit-scrollbar-thumb {
    border-radius: 8px;
    box-shadow: inset 0 0 5px rgb(210, 210, 210);
    background: #adadad;
}
.pdu-list::-webkit-scrollbar-thumb:hover {
    background: #c5c5c5;
}
.pdu-list::-webkit-scrollbar-track {
    border-radius: 8px;
    background: #e1e1e1;
}
.pdu-list::-webkit-scrollbar-button {
    background: white;
    width: 0;
}

.pdu-list table{
    min-width: 100%;
}
.pdu-list th {
    font-size: 12pt;
    line-height: 25px;
    padding: 2px 5px 2px 5px;
    font-weight: 500;
    color: rgba(20, 24, 102, 1);
    border: 1px solid rgb(217, 218, 225) !important;
    background-color: rgba(232, 234, 241, 1);
}

.pdu-list td {
    font-size: 10pt;
    line-height: 25px;
    padding: 2px 5px 2px 15px;
    color: rgb(74 74 74);
    border: 1px solid #eaebef;
    background-color: white;
    font-weight: 500;
}

.pdu-list th i{
    font-size: 9pt;
}

.pdu-list th .sy-a{
    font-weight:600 ;
    height: 14px;
    line-height: 11px;
}

.pdu-list th:first-child,
.pdu-list td:first-child{
    position: sticky;
    left: 0;
}
.pdu-list td:last-child{
    position: sticky;
    right: 0;
    width: 120px;
    min-width: 120px;
    /*border: 1px solid gray;*/
}
.pdu-list thead{
    position: sticky;top: 0;
}

.pdu-list .btn-rfq,
.pdu-list .btn-bom{
    width: 80px;
    padding: 2px 25px 2px 25px;
    margin-top: 5px;
    font-weight: 500;
    font-style: italic;
    text-decoration: none;
}

.pdu-list .btn-rfq:hover{
    text-decoration: none;
}

.pdu-list .rfq-td{
    padding: 0;
}
.pdu-list .rfq-btn-div{
    /*border-left: 1px solid #d7d7d7;*/
    /*padding: 10px;*/
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);*/
    /*width: 100%;*/
    /*height: 100%;*/
}

.pdu-info-tag{
    padding: 5px 5px 5px 5px;
}
.pdu-info-tag .pdu-img{
    width: 41px;
    height: auto;
    border-radius: 8px;
}
.pdu-info-tag .pdu_info{
    /*width: 20rem;*/
}
.pdu-info-tag .pdu-part{
    font-size: 11pt;
    color:#6b2918;
    font-weight: 600;
}
.pdu-info-tag .pdu-mfr{
    font-size: 9pt;
    color:#6a6b9a;
}
.pdu-info-tag .pdu-desc{
    font-size: 9pt;
    color:#6a6b9a;
}

.pdu-other-img{
    margin-right: 15px;
}

.pdu-other-img a{
    text-decoration: none;
}

.pdu-other-img .img-gray{
    filter: grayscale(100%)
}

.pdu-other-img img{
    height: 17px;
}
.pdu-info-tag .mfr-link a{
    color: rgba(20, 24, 102, 1); !important;
    /*text-decoration: underline;*/
    font-weight: 500;
    font-size: 8pt;
}

.filter-stock-env .block input{
    height: 10px;
    width: 10px;
}
.filter-stock-env .block{
    margin-right: 15px;
    border-right: 1px solid rgba(128, 128, 128, 0.18);
    padding-right: 15px;
}
.filter-stock-env .title{
    font-size: 10pt;
    font-weight: 600;
    color: rgba(20, 24, 102, 1);
}

.filter-stock-env {
    font-size: 9pt;
    font-weight: 500;
    color: rgb(59, 59, 59);
}

.spec-sort-asc,.spec-sort-desc{
    cursor: pointer;
}

.spec-sort-asc.active i,.spec-sort-desc.active i{
    color: #ef7f1f !important;
    font-weight: 900!important;
    font-size: 11pt;
}

.price-tag{
    margin-right: 10px;
    font-size: 8pt;
    line-height: 15px;
}
.price-tag .qty{
    color: gray;
    font-weight: 500;
    font-size: 8pt;
    width: 30px;
    text-align: right;
    display: inline-block;
    margin-right: 6px;
}
.price-tag .price{
    color: #d01000;
    font-weight: 500;
    font-size: 9pt;
    font-weight: 500;
}

.qty-tag{
    color: #6b2918;
    font-weight: 500;
    /*font-size: 9pt;*/
    font-weight: 500;
}