.top-box .realted{color: #A5A5A5;display: inline-block;} .top-box .realted s{text-decoration: none;color: #FFFFFF;font-weight: bold;line-height: 32px;} #products-categories-top .sub-categories{color: #FFFFFF;font-size: 14px;line-height: 32px;display: inline-block;margin-right: 100px;} #products-categories-top .sub-categories s{text-decoration: none;font-weight: bold;text-decoration: underline;} #products-list-top h1{border-bottom: 1px solid #404040;padding-left: 7px;} #products-list-top .realted{float: left;padding-left: 7px;} #products-list-top .categories{float: right;border-left: 1px solid #404040;margin-top: 5px;width: 1200px;} #products-list-top .categories h3{font-size: 16px;color: #FFFFFF;border-bottom: 1px solid #404040;padding-left: 7px;line-height: 30px;margin-left: 7px;} #products-list-top .categories ul{column-count: 3;column-gap: 0;-webkit-column-count: 3;-webkit-column-gap: 0;-moz-column-count: 3;-moz-column-gap: 0;padding: 10px 17px;} #products-list-top .categories li{padding: 5px 0;} #products-list-top .categories li s{text-decoration: none;color: #666666;margin-left: 5px;} #products-list-top .categories li a{color: #B5B5B5;} /*sitemap*/ #products-categories-top dl.sitemap{float: left;width: 30%;margin-left: 3%;padding-bottom: 20px;} #products-categories-top dl.sitemap:nth-child(2){margin-left: 0;} #products-categories-top dl.sitemap dt{font-size: 16px;color: #FFFFFF;border-bottom: 1px solid #404040;padding-left: 7px;line-height: 30px;margin-bottom: 7px;} #products-categories-top dl.sitemap dd{padding-left: 10px;line-height: 28px;} #products-categories-top dl.sitemap dd a{color: #999999;} /*page*/ .pages .type{float: left;} .pages .type em,.pages .type a{display: inline-block;border: 1px solid #B5B5B5;height: 30px;line-height: 30px;padding: 0 20px 0 30px;position: relative;color: #6A6A6A;background-color: #F3F3F3;text-decoration: none;font-style: normal;} .pages .type em:before,.pages .type a:before{font-size: 1rem;position: absolute;left: 4px;top: 7px;color: #292929;} .pages .type em{background-color: #FFFFFF;color: #2E2E2E;} .pages .type em:before{color: #D5393A;} .pages .type a:hover{background-color: #2A2A2A;color: #FFFFFF;} .pages .type a:hover:before{color: #FFFFFF;} .pages .type .icon-list{margin-right: 10px;} /*category list*/ #products-categories{padding-top: 40px;} #products-categories .category{margin-bottom: 35px;} #products-categories .category .title{height: 70px;} #products-categories .category .title>a{display: block;width: 100px;height: 70px;background-color: #333333;float: left;position: relative;} #products-categories .category .title>a img{display: block;max-width: 100%;max-height: 100%;border: 1px solid #333333;position: absolute;left: 13px;top: -20px;} #products-categories .category .title>a:before{content:"";width: 0;height: 0;border-left: 0px solid transparent;border-right: 22px solid transparent;border-bottom: 32px solid #333333;position: absolute;right: -22px;} #products-categories .category h2{color: #1F1F1F;height: 32px;line-height: 32px;border-bottom: 38px solid #333333;padding-left: 125px;font-size: 16px;} #products-categories .category h2 a{color: #1F1F1F;} #products-categories .category h2 s{text-decoration: none;color: #707070;font-size: 12px;margin-left: 10px;} #products-categories .category ul{background-color: #FFFFFF;padding: 10px 20px;column-count: 3;column-gap: 0;-webkit-column-count: 3;-webkit-column-gap: 0;-moz-column-count: 3;-moz-column-gap: 0;} #products-categories .category li{padding: 5px 0;} #products-categories .category li a{color: #171717;} #products-categories .category li s{text-decoration: none;color: #898989;margin-left: 5px;} /*products list*/ #products-list{padding-bottom:20px;} ul.products-list li{margin-bottom: 20px;border-bottom: 3px solid #D4D4D4;background-color: #FFFFFF;float: left;margin-right: 12px;width: 458px;height: 180px;} ul.products-list li:after{clear: both;content: "";display: block;height: 0;visibility: hidden;} ul.products-list li:nth-child(3n){margin-right: 0;} ul.products-list li a.cover{float: left;width: 146px;padding-top: 15px;height: 165px;} ul.products-list li:hover a.cover{background-color: #D53B3B;} ul.products-list li a.cover img{display: block;margin: 0 auto;max-width: 100%;max-height: 100%;} ul.products-list li dl{width: 303px;float: left;padding-left: 9px;padding-top: 13px;} ul.products-list li dt{height: 24px;line-height: 24px;} ul.products-list li dt a{color: #2180C2;font-size: 14px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;} ul.products-list li dd{line-height: 20px;color: #898989;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} ul.products-list li dd i{color: #333333;font-weight: bold;font-style: normal;margin-right: 5px;} ul.products-list li dd a.mfg{color: #4B91C4;} ul.products-list li dd a.ask{color: #898989;text-decoration: underline;} ul.products-list li dd a.icon-pdf{color: #898989;margin-top: 5px;display: inline-block;} ul.products-list li dd a.icon-pdf:before{color: #272636;font-size: 14px;margin-right: 5px;} ul.products-list li dd.model{float: left;} ul.products-list li dd.rfq{text-align: right;padding-right: 18px;padding-top: 7px;} ul.products-list li dd.rfq a,ul.products-list li dd.rfq s{border: 1px solid #C0C0C0;color: #535353;display: inline-block;width: 80px;height: 26px;text-align: center;line-height: 26px;border-radius: 5px;text-decoration: none;cursor: pointer;} ul.products-list li dd.rfq a:hover,ul.products-list li dd.rfq s:hover{background-color: #D53B3B;color: #FFFFFF;border: 1px solid #D53B3B;} #product-info .wrap{position: relative;overflow: hidden;} #product-info .image{width: 380px;float: left;height: 100%;background-color: #FFFFFF;position: absolute;} #product-info .image:before{content: "";height: 100px;display: block;} #product-info .image > img{display: block;margin: 0 auto;} #product-info .image .mfg{position: absolute;top: 30px;width: 100%;} #product-info .image .mfg img{max-height: 60px;margin: 0 auto;display: block;} #product-info .image a.original{display: none;margin: 0 auto;text-align: center;} #product-info .image a.original.show{display: block;} #product-info .image a.original img{max-width: 100%;display: block;margin: 0 auto;} #product-info .image a.original.single{margin: 50px auto 100px;} #product-info .image a.icon-search{color: #747474;text-decoration: none;margin-top: 68px;display: block;text-align: right;padding-right: 16px;display: none;} #product-info .image a.icon-search.select{display: block;} #product-info .image a.icon-search:before {color: #A7A7A7;font-size: 16px;} #product-info .image a.icon-search:hover {color: #D53A3B;} #product-info .image .gallery{position: relative;padding: 23px 36px;overflow: hidden;} #product-info .image .gallery .gallery-box {overflow: hidden;} #product-info .image .gallery .gallery-box:before {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 2;display: none;} #product-info .image .gallery .gallery-box.loading:before {display: block;} #product-info .image .gallery i {position: absolute;height: 65px;width: 20px;line-height: 65px;text-align: center;cursor: pointer;left: 14px;top: 23px;background-color: #e9e9e9;} #product-info .image .gallery i:before {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);font-size: 20px;content: '';width: 0;height: 0;border: 6px solid transparent;border-top: 6px solid #000;position: relative;left: -3px;} #product-info .image .gallery i:last-of-type {left: auto;right: 14px;} #product-info .image .gallery i:last-of-type:before {transform: rotate(270deg);-ms-transform: rotate(270deg);-moz-transform: rotate(270deg);-webkit-transform: rotate(270deg);-o-transform: rotate(270deg);left: auto;right: -3px;} #product-info .image .gallery i:hover {background-color: #D53A3B;} #product-info .image .gallery i:hover::before{border-top-color: #fff;} #product-info .image .gallery .items {width: 1000px;user-select: none;padding-left: 20px;} #product-info .image .gallery s {display: block;width: 65px;height: 65px;border: 1px solid #b5b5b5;float: left;margin: 0 5px;cursor: pointer;text-decoration: none;position: relative;} #product-info .image .gallery s::after{content: '';width: 100%;height: 100%;background-color: rgb(255, 255, 255,0.6);position: absolute;left: 0;top: 0;z-index: 1;} #product-info .image .gallery s.icon-loading:before {position: absolute;font-size: 30px;left: 50%;margin-left: -0.5em;top: 50%;margin-top: -0.5em;z-index: 3;color: #FFFFFF;-moz-animation: spin 2s infinite linear;-o-animation: spin 2s infinite linear;-webkit-animation: spin 2s infinite linear;animation: spin 2s infinite linear;display: inline-block;} #product-info .image .gallery s.icon-loading::after {content: "";position: absolute;left: 0;top: 0;width: 100%;height: 480px;background-color: #000000 !important;z-index: 1;opacity: 0.3;} #product-info .image .gallery s.c,#product-info .image .gallery s:hover {border: 1px solid #313131;} #product-info .image .gallery s.c::after,#product-info .image .gallery s:hover::after{background-color: transparent;} #product-info .image .gallery s img {max-width: 100%;} @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-o-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes spin { 0% { -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); -o-transform: rotate(359deg); -webkit-transform: rotate(359deg); transform: rotate(359deg); } } #product-info .image .tip{height: 70px;background-color: #E8E8E8;position: absolute;bottom: 0;width: 100%;padding-top: 30px;text-align: center;color: #5A5A5A;line-height: 20px;} #product-info .summary{width: 1000px;float: right;} #product-info .summary h1{line-height: 32px;} #product-info .summary .info{background-color: #313131;padding: 15px;} #product-info .summary .info dl{clear: both;} #product-info .summary .info dl:after{clear: both;content: "";display: block;height: 0;visibility: hidden;} #product-info .summary .info dt{color: #D0D0D0;float: left;width: 200px;line-height: 16px;clear: left;padding: 5px 0;font-weight: bold;} #product-info .summary .info dd{width: 370px;float: left;color: #FFFFFF;line-height: 20px;padding: 2px 0;} #product-info .summary .info dd.more{position: relative;padding-bottom: 15px;max-height: 60px;overflow: hidden;} #product-info .summary .info dd.more s{background-image: url("../images/arrow.png");background-repeat: no-repeat;background-position: center bottom;width: 20px;height: 20px;position: absolute;background-size: 20px auto;bottom: 2px;left: 60px;cursor: pointer;} #product-info .summary .info dd.more a:nth-child(n+4){display: none;} #product-info .summary .info a.name{color: #83CFFF;} #product-info .summary .info a.mfg{color: #FF5758;} #product-info .summary .info a.icon-pdf{display: block;color: #83CFFF;} #product-info .summary .info a.icon-pdf:before{color: #FFFFFF;margin-right: 7px;} #product-info .summary .info dd.rohs{background-image: url(../images/rohs.png);background-repeat: no-repeat;padding-left: 45px;width: 325px;min-height: 20px;} #product-info .summary .stock{float: right;background-color: #313131;width: 365px;color: #FFFFFF;padding: 15px;line-height: 22px;min-height: 192px;} #product-info .summary .stock +.info{float: left;width: 570px;} #product-info .summary .stock s{height: 30px;line-height: 30px;text-decoration: none;font-weight: bold;} #product-info .stock s i{color: #FF5758;font-style: normal;} #product-info .summary .stock dt{float: left;width: 80px;border-top: 1px dotted #494949;padding-left: 5px;} #product-info .summary .stock dd{color: #83CFFF;float: left;width: 280px;border-top: 1px dotted #494949;} #product-info .summary h3{clear: both;font-size: 18px;color: #FFFFFF;padding-top: 15px;} #product-info .summary .tip{line-height: 24px;color: #A6A6A6;padding-bottom: 10px;} #product-info .summary .tip a{color: #83CFFF;text-decoration: underline;} #product-info .summary .tip strong{color: #FF5758;font-weight: normal;} #product-info .summary .form{position: relative;} #product-info .form dl{width: 207px;border-left: 1px solid #C2C2C2;margin-bottom: 6px;} #product-info .form dl:nth-child(4n+1){border-left: 0;} #product-info .form dl:nth-child(5) dt{border-radius: 3px 0 0 0;} #product-info .form dl:nth-child(8) dt{border-radius: 0 3px 0 0;} #product-info .form dt{border-radius: 0;border-left: 0;} #product-info .form dd{position: relative;background-color: #FFFFFF;border-radius: 0 0 3px 3px;} #product-info .form dd input{height: 34px;border: none;width: 96%;padding-left: 4%;border-radius: 0;} #product-info .form dd input[name="Price[]"]{padding-left: 10%;width: 90%;} #product-info .form dd i{position: absolute;left: 5px;top: 8px;} #product-info .form dd i:before{color: #666666;font-style: normal;font-size: 12px;} #product-info .form dl.message{width: 830px;} #product-info .form dl.message dd textarea{width: 815px;height: 62px;display: block;} #product-info .summary .form .right{position: absolute;right: 0;width: 160px;top: 0;} #product-info .summary .form .right:before{content: "";width: 100%;height: 92px;display: block;background-image: url("../images/arrow.png");background-position: center;background-repeat: no-repeat;} #product-info .summary .form .right.hideVerify:before{height: 160px;} #product-info .summary .form .right.hideVerify .verify{display:none;} #product-info .right .verify{color: #FFFFFF;text-decoration: none;} #product-info .right .verify input{height: 28px;border: none;padding-left: 2%;border-radius: 0;width: 60px;text-align: center;float: left;} #product-info .right .verify i{display: block;padding-top: 10px;text-align: center;padding: 10px 15px 0 15px;} #product-info .right .verify #VerifyCode{margin-left: 5px;display: inline-block;} #product-info .right .submit{width: 100%;height: 80px;background-color: #5C5C5C;margin: 15px auto 0;border-radius: 5px;position: relative;overflow: hidden;} #product-info .right .submit:before{position: absolute;left: 50%;font-size: 26px;color: #FFFFFF;top: 10px;z-index: 2;margin-left: -13px;} #product-info .right .submit:after{content: "";width: 200%;height: 150px;background-color: #747474;position: absolute;border-radius: 50%;left: -50%;top: -106px;z-index: 1;} #product-info .right .submit input{width: 100%;height: 100%;color: #FFFFFF;font-size: 18px;font-weight: bold;background-color: transparent;border: none;position: absolute;top: 0;left: 0;cursor: pointer;z-index: 5;padding-top: 40px;} #product-info .right .submit:hover{background-color: #D53A3B;} #product-info .right .submit:hover:after{background-color: #882526;} /*product details content*/ #product-detail{padding-top: 20px;} #product-detail .content{display: none;float: left;background-color: #FFFFFF;border-top: 4px solid #B7B7B7;width: 1124px;padding: 15px;font-size: 14px;line-height: 24px;min-height: 400px;} #product-detail .content:nth-child(2){display:block;} #product-detail .content table.feature th,#product-detail .content table.feature td{border-bottom: 1px solid #CECECE;line-height: 24px;padding: 8px 0 8px 5px;} #product-detail .content table.feature td{color: #303030;} #product-detail .content table.feature td a{color: #4090C3;} #product-detail .content table.feature th{text-align: left;color: #767676;font-weight: normal;width: 50%;} #product-detail .content img{max-width:100%;} /*packaging*/ #product-detail .content.packaging .esd{padding-right: 600px;background-image: url("../images/product_qc1.jpg");background-repeat: no-repeat;background-position: 546px 0;position: relative;padding-bottom: 20px;min-height: 206px;} #product-detail .content.packaging .esd:before{content: "";background-color: #ddd;height: 1px;width: 1154px;position: absolute;left: -15px;bottom: 0;} #product-detail .content.packaging ul{display: grid;grid-template-columns: repeat(4, 1fr);} #product-detail .content.packaging li{text-align: center;font-size: 15px;color: #0f141c;line-height: 30px;margin: 0 auto;position: relative;} #product-detail .content.packaging li:before{content: "";width: 270px;height: 224px;display: block;border: 1px solid #e2e2e2;border-radius: 10px;} #product-detail .content.packaging li:after{content: "";width: 260px;height: 214px;background-image: url("../images/product_qc2.jpg");background-repeat: no-repeat;position: absolute;left: 6px;top: 6px;} #product-detail .content.packaging li:nth-child(2):after{background-position: -270px 0;} #product-detail .content.packaging li:nth-child(3):after{background-position: -540px 0;} #product-detail .content.packaging li:nth-child(4):after{background-position: -810px 0;} /*payment*/ #product-detail .content h4{font-size: 16px;font-weight: bold;color: #000000;line-height: 40px;margin-top: 20px;} #product-detail .content h4:before{content: "";border-radius: 50%;width: 7px;height: 7px;background-color: #D53A3B;display: inline-block;margin-bottom: 3px;margin-right: 2px;} #product-detail .content dl.payment{border: 1px solid #DDDDDD;} #product-detail .content dl.payment dt{background-color: #D53A3B;color: #FFFFFF;padding-left: 7px;font-size: 14px;line-height: 34px;font-weight: bold;} #product-detail .content dl.payment dd{padding-left: 7px;font-size: 14px;padding-top: 5px;padding-bottom: 5px;} /*shipment*/ #product-detail .content table.list{border-collapse: collapse;} #product-detail .content table.list th,#product-detail .content table.list td{text-align: left;padding-left: 7px;font-size: 14px;height: 32px;} #product-detail .content table.list th{background-color: #D53A3B;color: #FFFFFF;} #product-detail .content ul.shipment-text li{font-size:14px;} /*menu*/ #product-detail ul.menu{width: 246px;float: right;} #product-detail ul.menu li{line-height: 20px;background-color: #B5B5B5;text-align: center;margin-bottom: 3px;font-size: 18px;color: #FFFFFF;cursor: pointer;padding: 15px 0;} #product-detail ul.menu li:hover{background-color: #D53A3B;} #product-detail ul.menu li.active{background-color: #313131;} #product-detail h2{clear: both;font-size: 22px;line-height: 50px;color: #2D2D2D;padding-top: 10px;} #product-detail h3{clear: both;font-size: 22px;line-height: 50px;color: #2D2D2D;display: block;} #product-detail h3 a{font-size: 13px;float: right;color: #676767;} #product-detail h3 a:after{content: ">";margin-left: 5px;} #product-detail h3 s{font-size: 14px;color: #0f141c;text-decoration: none;margin-left: 7px;} #product-detail h4{font-size: 14px;color: #2D2D2D;padding: 5px 0;font-weight: bold;} #product-detail h4:before{content: "";width: 5px;height: 5px;background-color: #5b5a5a;display: inline-block;border-radius: 50%;margin-bottom: 3px;font-weight: bold;} #product-detail .news li{float: left;width: 32%;margin-left: 2%;color: #818181;line-height: 22px;height: 170px;} #product-detail .news li:nth-child(3n+1){margin-left: 0;} #product-detail .news li s{width: 80px;background-color: #D53A3B;color: #FFFFFF;height: 40px;display: block;line-height: 40px;text-decoration: none;padding-right: 96px;position: relative;text-align: center;font-size: 16px;font-weight: bold;margin-bottom: 10px;text-transform: uppercase;} #product-detail .news li s i{width: 96px;color: #333333;background-color: #F5F5F5;display: block;text-align: center;font-style: normal;font-size: 22px;position: absolute;right: 0;top: 0;font-weight: normal;} #product-detail .news li a.title{color: #2C2C2C;font-size: 18px;line-height: 20px;padding: 5px 0;display: block;} #product-detail .news li p{line-height: 16px;} #product-detail .keywords li{line-height: 36px;border: 1px dotted #D53A3B;padding-left: 15px;margin-bottom: 7px;float: left;width: 30%;margin-left: 1%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /*PDF*/ #product-info.pdf .summary .info{float: left;width: 570px;} #product-info.pdf .summary .introduce{float: right;background-color: #313131;width: 365px;color: #FFFFFF;padding: 15px;line-height: 26px;min-height: 208px;font-size: 14px;} #product-info.pdf .summary .introduce a{color: #83CFFF;display: inline-block;} #product-detail.pdf .content{display: block;float:none;width:auto;min-height:auto;} #product-detail.pdf .content table.feature th{width:20%;} #product-detail.pdf .content table.feature td{width:30%;} #product-detail.pdf .keywords li{width:22%;} .fiexd_card{background-color: #212121;position: fixed;height: 86px;left: 0;top: 80px;width: 100%;z-index: 9998;color: #FFFFFF;border-bottom: 2px solid #000000;padding-top: 2px;transform: scaleY(0);transition: transform .2s ease;transform-origin: top;} .float .fiexd_card{top: 0;transform: scaleY(1);} .fiexd_card .wrap{display: flex;} .fiexd_card .left{width: 380px;position: relative;} .fiexd_card .left::before{content: '';width: 1px;height: 57px;position: absolute;right: 0;top: 15px;background-color: #a1a1a1;opacity: 0.2;} .fiexd_card .left .img-box{float: left;width: 86px;height: 86px;background-color: #fff;line-height: 86px;text-align: center;margin-right: 14px;} .fiexd_card .left .img-box img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;} .fiexd_card .left h2{font-size: 16px;font-weight: bold;color: #83cfff;padding-top: 12px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .fiexd_card .left p{font-size: 14px;color: #fff;padding: 5px 0 7px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .fiexd_card .left s{text-decoration: none;font-size: 14px;color: #d0d0d0;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .fiexd_card .right{display: flex;flex: 1;justify-content: space-between;align-items: center;padding-left: 20px;} .fiexd_card .right p{font-size: 14px;color: #afafaf;} .fiexd_card .right p span{font-size: 15px;color: #fff;} .fiexd_card .right ul{display: flex;justify-content: center;flex: 1;} .fiexd_card .right li{background-color: #eaeaea;margin-right: 13px;height: 38px;border-radius: 5px;display: flex;align-items: center;overflow: hidden;} .fiexd_card .right li label{font-size: 13px;color: #101010;padding-left: 10px;padding-right: 15px;white-space: nowrap;position: relative;line-height: 38px;} .fiexd_card .right li:last-child label::after{content: '$';position: absolute;right: -23px;z-index: 1;font-size: 15px;color: #101010;font-weight: normal;top: 1px;} .fiexd_card .right li label.rq::before{content: '*';font-family: "Tahoma";color: #da0002;font-size: 14px;font-weight: bold;position: relative;top: 2px;margin-right: 4px;} .fiexd_card .right li input{width: 150px;outline: none;border: none;height: 100%;text-align: center;position: relative;font-size: 15px;} .fiexd_card .right button{height: 38px;line-height: 1.1;border: 1px solid #6e6e6e;border-radius: 5px;margin-left: 6px;background-color: transparent;color: #fff;font-size: 15px;cursor: pointer;padding: 0 15px 0 10px;} .fiexd_card .right button span{color: #d53a3b;font-size: 29px;vertical-align: middle;margin-right: 5px;} .fiexd_card .right button:hover{color: #d53a3b;border-color: #d53a3b;} .fiexd_card .right .sub{display: block;height: 38px;line-height: 38px;background-color: #d53a3b;border-radius: 5px;font-size: 15px;font-weight: bold;color: #fff;padding-left: 15px;text-decoration: none;padding-right: 20px;position: relative;overflow: hidden;margin-left: 12px;cursor: pointer;} .fiexd_card .right .sub::before{font-size: 28px;margin: 0;margin-right: 30px;position: relative;top: 2px;z-index: 2;} .fiexd_card .right .sub::after{content: "";width: 150px;height: 110px;background-color: #882526;position: absolute;border-radius: 50%;left: -92px;top: 50%;transform: translateY(-50%);z-index: 1;} .fiexd_card .right .sub:hover{background-color: #c53a3b;} /*compare*/ #product-compare .overview{border: 1px solid #c4c4c4;background-color: #eeeeee;background-image: url("../images/compare_doc.png");background-repeat: no-repeat;background-position: 170px 260px;} #product-compare .overview dl.part{float: left;width: 250px;color: #3a3a3a;padding-top: 20px;padding-left: 20px;} #product-compare .overview dl.part dt{font-size: 17px;font-weight: bold;line-height: 60px;} #product-compare .overview dl.part dd{font-size: 13px;color: #a7a7a7;} #product-compare .overview dl.part dd a{color: #3a3a3a;font-size: 14px;line-height: 40px;background-color: #fff;display: block;padding-left: 15px;font-weight: bold;text-decoration: none;} #product-compare .overview dl.part dd a:hover{background-color: #d53a3b;color: #fff;} #product-compare .overview dl.part dd s{text-decoration: none;line-height: 36px;padding-left: 15px;} #product-compare .overview ul{float: right;width: 1052px;} #product-compare .overview li{width: 460px;float: left;border-left: 1px solid #c7c7c7;position: relative;padding-left: 35px;padding-right: 30px;height: 370px;background-color: #fff;} #product-compare .overview li .cover{width: 220px;height: 198px;margin-top: 40px;} #product-compare .overview li .cover img{max-width: 100%;max-height: 100%;} #product-compare .overview li img.mfg{position: absolute;right: 10px;top: 10px;max-height: 50px;max-width: 150px;} #product-compare .overview li dt a{font-size: 18px;font-weight: bold;color: #232323;line-height: 36px;} #product-compare .overview li dd{padding: 5px 0;font-size: 14px;color: #989898;} #product-compare .overview li s.icon-mail{background-color: #D53A3B;position: absolute;right: 15px;bottom: 40px;overflow: hidden;border-radius: 10px;height: 32px;line-height: 32px;text-decoration: none;} #product-compare .overview li s.icon-mail:before{position: absolute;left: 9px;color: #fff;z-index: 2;font-size: 18px;top: 6px;} #product-compare .overview li s.icon-mail:after{content: "";width: 100px;height: 100px;background-color: #882526;position: absolute;border-radius: 50%;left: -49px;top: -60px;z-index: 1;} #product-compare .overview li s.icon-mail a{width: 80px;height: 32px;text-align: center;line-height: 36px;color: #fff;font-weight: bold;display: block;padding-left: 40px;text-decoration: none;} #product-compare .overview li s.icon-mail a:hover{background-color: #EF3800;} #product-compare h2{font-size: 20px;line-height: 48px;padding-left: 7px;font-weight: bold;color: #fff;text-transform: uppercase;} #product-compare table.specifications{border-collapse: collapse;margin-bottom: 30px;} #product-compare table.specifications th,table.specifications td{height: 46px;padding: 0 0 0 15px;border: none;border: 1px solid #C4C4C4;} #product-compare table.specifications th{font-size: 13px;color: #515151;background-color: #eeeeee;text-align: left;} #product-compare table.specifications td{font-size: 14px;color: #8F8F8F;width: 510px;line-height: 22px;background-color: #fff;padding: 5px 0 5px 15px;height:36px;} #product-compare table.specifications td.name a{color: #4090C3;font-weight:bold;} #product-compare table.specifications td a.icon-pdf{display: block;color: #83CFFF;} #product-compare table.specifications td a.icon-pdf:before{color: #83CFFF;margin-right: 7px;} #product-compare table.specifications tr.diff td{background-color: #F6F6F6;color: #D53A3B;} #product-compare table.specifications tr.diff td a{color: #D53A3B;} /*ProductDetails*/ .pro_details{} .pro_details h2{} .pro_details .text{background-color: #fff;padding: 10px 15px 21px;line-height: 28px;font-size: 14px;} .pro_details .text h3{font-size: 16px !important;font-weight: bold;padding: 7px 0;margin-top: 10px;line-height: 1 !important;} .pro_details .text p{font-size: 14px;padding-bottom: 0;color: #5b5a5a;line-height: 22px;padding: 5px 0;} .pro_details .text .photo{text-align: center;padding: 5px 0;} .pro_details .text .photo img{max-width: 450px;border: 1px solid #eee;border-radius: 5px;} .pro_details .text .photo strong{line-height: 24px;} /*Product FAQs*/ .pro_faqs .text{display: grid;gap: 10px;} .pro_faqs .text dl{background-color: #fff;padding: 5px 35px;border-bottom: 3px solid #d4d4d4;} .pro_faqs .text dt{font-size: 14px;font-weight: bold;padding: 7px 0;color: #d53a3b;line-height: 22px;position: relative;} .pro_faqs .text dt:before,.pro_faqs .text dd:before{width: 18px;height: 18px;position: absolute;color: #fff;text-align: center;line-height: 18px;left: -25px;} .pro_faqs .text dt:before{content: "Q";background-color: #d53a3b;top: 9px;} .pro_faqs .text dd{font-size: 14px;color: #777777;line-height: 22px;padding: 0 0 5px 0;position: relative;} .pro_faqs .text dd:before{content: "A";background-color: #777777;top: 2px;} /* Recent Reviews */ .reviews h2{font-size: 24px;color: #2d2d2d;} .reviews ul{display: flex;justify-content: space-between;flex-wrap: wrap;} .reviews ul:after{content: '';width: 458px;} .reviews ul li{width: 458px;height: 91px;background-color: #fff;margin-bottom: 13px;border-bottom: 3px solid #d4d4d4;padding: 13px 12px 10px;box-sizing: border-box;} .reviews ul li .title{font-size: 13px;color: #777777;padding-bottom: 6px;} .reviews ul li .title b{color: #232323;} .reviews ul li .title span{float: right;} .reviews ul li .star{padding-bottom: 9px;} .reviews ul li .star .icon-star{background-color: #c7c7c7;width: 18px;height: 18px;float: left;margin-right: 1px;text-align: center;line-height: 18px;color: #fff;} .reviews ul li .star .icon-star.red{background-color: #d53a3b;} .reviews ul li s{font-size: 13px;color: #777777;line-height: 19px;text-decoration: none;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;height: 19px;} .reviews button{display: block;font-size: 13px;color: #fff;background-color: #B5B5B5;border: none;border-radius: 3px;height: 29px;padding: 0 27px;cursor: pointer;margin: 10px auto 0;float: right;} .reviews button:hover{background-color: #D53B3B;color: #fff;border-color: #d53a3b;} .reviews-dialog{width: 926px;min-height: 581px;border: 6px solid #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 10;color: #fff;padding: 20px 16px 45px;box-sizing: border-box;background-color: #000000;display: none;box-shadow: 0 0 18px rgb(0, 0, 0, .25);border-radius: 5px;} .reviews-dialog.open{display: block;} .reviews-dialog .title{display: flex;justify-content: space-between;font-size: 24px;} .reviews-dialog .title button{font-size: 19px;background-color: transparent;border: none;color: #fff;position: relative;padding-right: 26px;cursor: pointer;} .reviews-dialog .title button::before{position: absolute;right: 0;font-size: 24px;margin: 0;top: 1px;} .reviews-dialog .title button:hover{color: #d53a3b;} .reviews-dialog .container{width: 400px;margin: 0 auto;font-size: 20px;padding-top: 60px;} .reviews-dialog .container.logged{width: 100%;display: none;} .reviews-dialog .container > p{text-align: center;font-size: 15px;padding-top: 23px;} .reviews-dialog .container > p a{text-decoration: underline;color: #fff;} .reviews-dialog form{background-color: #262626;margin-top: 23px;padding: 20px 16px;} .reviews-dialog form b{font-size: 28px;text-transform: uppercase;padding-bottom: 17px;display: block;} .reviews-dialog form ul{padding-bottom: 17px;} .reviews-dialog form ul li{display: flex;align-items: center;background-color: #fff;border-radius: 5px;height: 43px;border: 1px solid #c8c8c8;margin-bottom: 15px;padding-left: 5px;} .reviews-dialog form ul li label{color: #bebebe;font-size: 20px;} .reviews-dialog form ul li input{height: 100%;width: 100%;padding-left: 14px;border: none;outline: none;font-size: 14px;} .reviews-dialog form p{font-size: 14px;display: flex;align-items: center;float: left;} .reviews-dialog form input[type="checkbox"]{height: 14px;width: 14px;margin-right: 8px;background-color: #fff;cursor: pointer;position: relative;} .reviews-dialog form input[type="checkbox"]:checked::before{content: '';position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-color: #D53B3B;width: 11px;height: 10px;} .reviews-dialog form input[type="checkbox"] + label{cursor: pointer;} .reviews-dialog form a{float: right;color: #D53B3B;font-size: 14px;text-decoration: underline;} .reviews-dialog form button{margin-top: 45px;width: 100%;height: 42px;background-color: #d53a3b;font-size: 20px;color: #fff;border: none;border-radius: 8px;cursor: pointer;margin-bottom: 10px;} .reviews-dialog form button:hover{background-color: #bc3132;color: #fff;} .reviews-dialog .logged form{background-color: transparent;padding: 0;margin-top: 35px;} .reviews-dialog .logged form ul li{flex-wrap: wrap;height: auto;background-color: #eaeaea;padding-left: 0;overflow: hidden;position: relative;} .reviews-dialog .logged form ul li label{width: 100%;height: 36px;font-size: 13px;color: #101010;line-height: 36px;margin-left: 4px;text-shadow: 0 0 0.5px;} .reviews-dialog .logged form ul li label::before{content: '*';display: inline-block;margin-right: 5px;font-size: 13px;font-weight: bold;font-family: Tahoma;color: #d53a3b;} .reviews-dialog .logged form ul li input{height: 34px;} .reviews-dialog .logged form ul li textarea{width: 100%;height: 150px;resize: none;border: none;outline: none;padding-left: 14px;font-size: 14px;padding-top: 9px;} .reviews-dialog .logged form ul li.captcha{display: none;} .reviews-dialog .logged form ul li.captcha span{position: absolute;right: 6px;bottom: 0;} .reviews-dialog .logged form button{width: auto;margin: 0 auto;display: block;padding: 0 68px;} .reviews-dialog dl dt{font-size: 18px;width: 100%;padding-bottom: 12px;} .reviews-dialog .tips{float: left;width: 50%;} .reviews-dialog .tips dd{font-size: 13px;color: #a6a6a6;line-height: 20px;position: relative;padding-left: 9px;} .reviews-dialog .tips dd::before{content: '';width: 4px;height: 4px;border-radius: 50%;background-color: #a6a6a6;position: absolute;left: 0;top: 50%;transform: translateY(-50%);} .reviews-dialog .mark{display: flex;flex-wrap: wrap;float: right;width: 50%;} .reviews-dialog .mark .icon-star{width: 53px;height: 53px;background-color: #c7c7c7;color: #fff;text-align: center;line-height: 53px;font-size: 36px;margin-right: 8px;border-radius: 5px;cursor: pointer;} .reviews-dialog .mark .icon-star.red{background-color: #d53a3b;} .reviews-dialog .mark .score{line-height: 53px;font-size: 24px;margin-left: 38px;} /*mobile*/ @media screen and (max-width: 768px) { #product-detail ul.menu{display:none;} .top-box .realted{display: block;} #products-categories-top .sub-categories{display: block;} #products-list-top h1{padding: 0;border-bottom: none;} #products-list-top .realted{padding: 0;float: none;} #products-list-top .categories{margin: 0;border-left: none;float: none;width: auto;} #products-list-top .categories h3{margin: 0;padding: 0;} #products-list-top .categories ul{padding: 5px 0;column-count: auto;-webkit-column-count: auto;-moz-column-count: auto;} /*sitemap*/ #products-categories-top dl.sitemap{float: none;width: auto;margin-left: 0 !important;} /*page*/ .pages .type{display: none;} #products-categories .category .title{height: auto;} #products-categories .category .title>a{width: 3.5rem;} #products-categories .category .title>a img{left: 0.2rem;max-width: 3rem;} #products-categories .category h2{padding-left: 5rem;height: auto;} #products-categories .category h2 s{display: none;} #products-categories .category ul{column-count: auto;column-gap: 0;-webkit-column-count: auto;-webkit-column-gap: 0;-moz-column-count: auto;-moz-column-gap: 0;} ul.products-list li{float: none;width: auto;margin-right: 0 !important;height: auto;padding-bottom: 1rem;position: relative;} ul.products-list li a.cover{width: 25%;height: auto;padding-bottom: 15px;} ul.products-list li dl{width: 75%;padding-right: 1%;} ul.products-list li dd.model{float: none;position: absolute;left: 1rem;} ul.products-list li dd.rfq{} #product-info .image{width: auto;float: none;height: auto;position: static;padding: 0;text-align: center;} #product-info .image a.original.single{margin: 0 auto;padding: 20px 0;} #product-info .image:before{display:none;} #product-info .image .mfg{position: static;padding: 15px 0;margin-top: 0;padding-bottom: 10px;} #product-info .image a.icon-search{position: static;margin-top: 0;padding-bottom: 10px;} #product-info .image .tip{position: static;height: auto;padding: 10px 0;} #product-info .summary{width: auto;float: none;} #product-info .summary h1{line-height: 3rem;padding-left: 0.5rem;} #product-info .summary .info{float: none;width: auto;} #product-info .summary .info dl{margin-bottom: 10px;} #product-info .summary .info dt{float: none;width: auto;display: block;} #product-info .summary .info dd{width: auto;float: none;} #product-info .summary .info dd.more{max-height: none;padding-bottom: 0;} #product-info .summary .info dd.more a:nth-child(n+4){display: block;} #product-info .summary .info dd.more s{display: none;} #product-info .summary .stock{display: none;} #product-info .summary .stock dt{width: 30%;} #product-info .summary .stock dd{width: 70%;} #product-info .form dl{width: auto;border-left: 0;} #product-info .form dl:nth-child(5) dt{border-radius: 3px 3px 0 0;} #product-info .form dt{border-radius: 3px 3px 0 0;} #product-info .form dd input{width: 100%;border-radius: 0 0 3px 3px;} #product-info .form dd input[name="Price[]"]{width: 100%;padding-left: 20px;} #product-info .form dd i{top: 7px;} #product-info .form dl.message{width: 100%;} #product-info .form dl.message dd textarea{width: 100%;} #product-info .summary .form .right{position: static;margin: 0 auto;width: auto;} #product-info .summary .form .right:before{display: none;} #product-detail .content{float: none;width: auto;} #product-detail .content table.feature th,#product-detail .content table.feature td{display: block;border-bottom: none;} #product-detail .content table.feature td{border-bottom: 1px solid #CECECE;} #product-detail .content.packaging .esd{padding-right: 0;background-position: 0 bottom;padding-bottom: 220px;} #product-detail .content.packaging .esd:before{display:none;} #product-detail .content.packaging ul{grid-template-columns: repeat(2, 1fr);} #product-detail .content.packaging li{width: 100%;} #product-detail .content.packaging li::before{width: 100%;} #product-detail .content.packaging li::after{width: 250px;} #product-detail h2{line-height: 30px;padding: 10px 5px;} #product-detail .news{display: block !important;} #product-detail .news li{float: none;width: auto;height: auto;padding-bottom: 20px;margin-left: 0;} #product-detail .news li s{width: 80px;padding-right: 40px;font-size: 12px;height: 26px;line-height: 26px;margin-bottom: 5px;} #product-detail .news li s i{width: 40px;font-size: 16px;} #product-detail .news li a.title{font-size: 14px;} #product-detail .keywords ul{column-count: auto;-webkit-column-count: auto;-moz-column-count: auto;} .fiexd_card{display: none;} /*compare*/ #product-compare .overview dl.part{float: none;width: auto;padding-bottom: 20px;padding-right: 1rem;padding-left: 1rem;} #product-compare .overview ul{float: none;width: auto;} #product-compare .overview li{width: auto;float: none;height: auto;padding-top: 10px;margin-bottom: 0.5rem;padding-bottom: 10px;} #product-compare .overview li .cover{margin: 0 auto;} #product-compare .overview li img.mfg{position: static;margin: 0 auto;display: block;} #product-compare .overview li dl{padding-top: 15px;padding-bottom: 15px;text-align: center;} #product-compare .overview li s.icon-mail{position: relative;display: block;width: 120px;bottom: auto;margin: 0 auto;} #product-compare .overview li s.icon-mail a{width: 120px;} #product-compare table.specifications th,#product-compare table.specifications td{display: block;line-height: 30px;width: auto;height: auto;padding-top: 5px;padding-bottom: 5px;} #product-compare table.specifications th{margin-top: 0.2rem;} /*lightbox*/ #lightbox-image-details-currentNumber,#lightbox-secNav-btnClose{padding-bottom:0;} #lightbox-secNav-btnClose{padding-top: 4px;} #lightbox-container-image-box,#lightbox-container-image-data-box{max-width:97%;width: 100% !important;height: auto !important;line-height:32px;} #lightbox-container-image-box img{max-width:95%;} #lightbox-nav a{height: 360px !important;} .pro_details .text .photo img{max-width:100%;} .pro_details .text h3{line-height: 1.5 !important;} .pro_faqs .text dl{margin: 0 5px;} .reviews h2 button{margin-top: 0;padding: 0 10px;} .reviews ul{padding: 0 5px;} .reviews ul li{width: 100%;margin-bottom: 4px;} .reviews-dialog{width: 98%;padding: 10px 8px 20px;min-height: auto;} .reviews-dialog .content{width: 100%;padding-top: 10px;} .reviews-dialog .title button{font-size: 14px;padding-right: 19px;} .reviews-dialog .title button::before{font-size: 16px;} .reviews-dialog .tips{float: unset;width: 100%;} .reviews-dialog dl dt{font-size: 16px;padding-bottom: 6px;} .reviews-dialog .mark{float: unset;width: 100%;padding-top: 10px;} .reviews-dialog .mark .icon-star{width: 30px;height: 30px;line-height: 30px;font-size: 20px;} .reviews-dialog .mark .score{line-height: 30px;margin-left: 10px;font-size: 18px;} .reviews-dialog .logged form{margin-top: 15px;} .reviews-dialog .logged form ul{padding-bottom: 0;} .reviews-dialog .logged form ul li label{height: 30px;line-height: 30px;} .reviews-dialog .logged form ul li input,.reviews-dialog .logged form ul li textarea{padding-left: 4px;} .reviews-dialog .logged form ul li textarea{height: 100px;} }