@import url("product-list-schneider.css");

/* ===== page ===== */
.abb-paper{--c-accent:#e10600}
.abb-paper .all-quote .more:before{background:#e10600}

/* ===== .banner-schneider ===== */
.abb-paper .banner-schneider li{background-color:#4c2222;border:solid 2px #bc0000}
.abb-paper .banner-schneider .a-lb-1{margin-top:45px;height:60px;width:280px;padding:0 30px}
@media(max-width:1700px){
    .abb-paper .banner-schneider .a-lb-1{height:56px;margin-top:40px}
}
@media(max-width:1600px){
    .abb-paper .banner-schneider .a-lb-1{height:54px}
}
@media(max-width:1500px){
    .abb-paper .banner-schneider .a-lb-1{height:52px;width:260px;margin-top:35px}
}
@media(max-width:1330px){
    .abb-paper .banner-schneider .a-lb-1{height:50px;width:240px;margin-top:30px}
}
@media(max-width:1199px){
    .abb-paper .banner-schneider .a-lb-1{height:48px;width:240px}
}
@media(max-width:899px){
    .abb-paper .banner-schneider .a-lb-1{margin-top:28px;height:48px;width:100%;max-width:280px}
}
@media(max-width:768px){
    .abb-paper .banner-schneider .a-lb-1{margin-top:20px;height:48px;width:100%;max-width:none;font-size:16px;justify-content:center}
}

/* ===== .schneider-range ===== */
.abb-paper .schneider-range .top .img{background:#fdf3f3}
.abb-paper .schneider-range li{box-shadow:3px 2px 4px 0px rgba(6, 0, 1, 0.06);border:solid 1px #ffacac}
@media (hover:hover) and (pointer:fine){
    .abb-range .list:hover{box-shadow:4px 14px 28px rgba(225,6,0,.12);border-color:#ffacac}
    .abb-range .list:hover li{background:#fdf3f3;border-color:#ffacac;color:var(--c-accent)}
}

/* ===== .schneider-cate ===== */
/* .abb-paper .schneider-cate .grid > .g-col-3:last-child{grid-column:auto / span 9} */
@media(max-width:640px){
    .abb-paper .schneider-cate .grid > .g-col-3,
    .abb-paper .schneider-cate .grid > .g-col-3:last-child{grid-column:span 12}
}

/* ===== .abb-source ===== */
.abb-source{background:linear-gradient(to right,#f5f5f5 42%,#ffffff 42%);border:1px solid #eeeeee}
.abb-source .right{width:56%}
.abb-source h2{color:#111111}
.abb-source .text{color:#666666}
.abb-source .photo{background:#fff;border-color:#eeeeee}
.abb-source .list{background:#fff;border:1px solid #eeeeee}
.abb-source .discuss{align-self:flex-start;margin-top:22px;height:52px;padding:0 28px;border-radius:8px}
.abb-source .discuss i{margin-left:10px;font-style:normal}
@media(max-width:1700px){
    .abb-source .discuss{height:50px;margin-top:20px}
}
@media(max-width:1500px){
    .abb-source .discuss{height:48px}
}
@media(max-width:1330px){
    .abb-source .discuss{padding:0 22px}
}
@media(max-width:899px){
    .abb-source{background:#f5f5f5}
    .abb-source .right{width:100%}
}
@media(max-width:768px){
    .abb-source .discuss{width:100%;height:48px;margin-top:20px;font-size:16px;justify-content:center}
}
@media (hover:hover) and (pointer:fine){
    .abb-source .list:hover{box-shadow:inset 4px 0 0 var(--c-accent),0 12px 28px rgba(225,6,0,.12)}
}

/* ===== .abb-faq ===== */
.abb-faq .logo{width:118px;margin-bottom:8px}
.abb-faq .logo img{width:100%;height:auto;display:block}
.abb-faq h6{margin:0 0 18px;font-size:14px;line-height:1.3;font-weight:500;letter-spacing:.4px;text-transform:uppercase}
.abb-faq h6::before{content:"";display:block;width:36px;height:3px;margin-bottom:14px;background:var(--c-accent)}
.abb-faq .title-36{margin-bottom:18px}
.abb-faq .text{font-size:16px;line-height:1.55;color:#666666}
.abb-faq .text p{margin:0}
.abb-faq .items.on{background:#fdf6f6}
.abb-faq .more{justify-content:flex-start}
@media(max-width:1330px){
    .abb-faq .logo{width:100px}
}
@media(max-width:768px){
    .abb-faq .text{font-size:14px;line-height:22px}
    .abb-faq .more{min-height:44px;font-size:16px}
}
@media (hover:hover) and (pointer:fine){
    .abb-faq .more:hover{color:#b01010}
}