.main h1{font-size: 25px;color: #000000;height: 70px;line-height: 70px;float: left;margin-right: 15px;}
.main .total{color: #838383;font-size: 14px;padding-top: 26px;}
.main .total b{color: #000000;}
.main .left{clear: both;float: left;width: 294px;background-color: #FFFFFF;}
.main .left h2{font-size: 17px;color: #000000;height: 50px;line-height: 50px;padding-left: 15px;font-weight: bold;}
.main .left h2:before{display:none;}
.main .left ul{padding-bottom: 20px;}
.main .left li{line-height: 16px;padding: 7px 0 7px 15px;font-size: 13px;color: #000000;cursor: pointer;}
.main .left li:hover{color: #3b6fb7;text-decoration: underline;}
.main .right{float: right;width: 1089px;}
.main .right dl,.main .category-item{padding: 13px;background-color: #FFFFFF;margin-bottom: 17px;}
.main .right dt{line-height: 24px;}
.main .right dt img{border: 1px solid #F2F3F5;max-width: 70px;max-height: 70px;float: left;margin-right: 11px;}
.main .right dt a{font-size: 17px;color: #000000;display: inline-block;margin-top: 23px;font-weight: bold;padding: 0 7px 0 3px;}
.main .right dt a:hover{background-color: #3b6fb7;color: #FFFFFF;}
.main .right dt s{font-size: 12px;color: #838383;text-decoration: none;display: inline-block;}
.main .right dd{clear: both;padding: 10px 0;}
.main .category-item{clear: both;}
.main .right dd::after,.main .category-item:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.main .right dd a,.main .category-item a{float: left;line-height: 16px;padding: 10px 4px;width: 50%;}
.main .right dd a i,.main .category-item a i{color: #838383;font-style: normal;margin-left: 7px;display: inline-block;}
.main .right dd a:hover,.main .category-item a:hover{background-color: #3b6fb7;color: #FFFFFF;}
.main .right dd a:hover i,.main .category-item a:hover i{color: #FFFFFF;}
body.scroll .main .left .catalog{position: fixed;background-color: #fff;top: 82px;overflow-y: auto;height: 90% !important;overscroll-behavior: none;}
body.scroll .sitemap + .main .left .catalog{position: static;}
body.scroll-sitemap .main .left .catalog{position: fixed!important;}
body.scroll-catalog .main{position: relative;}
body.scroll-catalog .main .left .catalog{position: absolute!important;top:auto;bottom:92px;}
/*letter*/
.main dl.letter{clear:both;background-color: #FFFFFF;padding: 8px 0;line-height: 36px;margin-bottom: 24px;}
.main dl.letter dt{float: left;padding: 0 14px;font-size: 16px;color: #000000;}
.main dl.letter dt:before{display:none;}
.main dl.letter dd{text-align: center;}
.main dl.letter dd a{text-decoration: none;display: inline-block;width: 36px;text-align: center;margin: 0 6px;cursor: pointer;font-size: 14px;}
.main dl.letter dd a:hover{background-color: #3b6fb7;color: #FFFFFF;}
.main .parts-list{margin-bottom: 24px;background-color: #FFFFFF;padding: 18px 22px;}
.main .parts-list .list{clear: both;}
.main .parts-list .list li{border-bottom: 1px dotted #eee;}
.main .parts-list .list li:after{clear: both;content: "";display: block;height: 0;visibility: hidden;}
.main .parts-list .list a{float: left;width: 226px;line-height: 16px;padding: 10px 7px;font-size: 14px;}
.main .parts-list .list a:hover{background-color: #3b6fb7;color: #FFFFFF;}
/*main top*/
.top{background-color: #A3A9B5;padding: 0 18px;color: #FFFFFF;}
.top .crumbs,.top .crumbs a,.top .crumbs a:after{color: #FFFFFF;}
.top h1{font-size: 32px;height: 60px;line-height: 60px;}
.top .total{line-height: 42px;font-size: 14px;}
/*filters*/
.filters{padding: 0 18px;background-color: #FFFFFF;}
.filters h2{font-size: 17px;line-height: 56px;}
.filters h2.icon-down{display:none;}
.filters .filters-box{overflow-x: auto;width: 100%;}
.filters .filters-list{width: 2440px;}
.filters .item{float: left;min-width: 200px;margin-right: 10px;height: 270px;padding: 5px;background-color: #EFF0F4;border: none;}
.filters .item strong{color: #383838;font-size: 15px;margin: 0;padding: 0;display: block;width: 100%;line-height: 36px;}
.filters .item span{position: relative;height: 30px;line-height: 32px;display: block;margin-bottom: 6px;}
.filters .item span:before{position: absolute;right: 5px;top: 6px;color: #A3A7B0;font-size: 18px;}
.filters .item span input{width: 100%;padding-left: 8px;height: 30px;border: 1px solid #E5E5E6;border-radius: 5px;outline: none;}
.filters .item ul{height: 186px;border: 1px solid #3b6fb7;padding: 5px 0;background-color: #FFFFFF;overflow-y: auto;}
.filters .item li{color: #383838;font-size: 13px;line-height: 22px;height: 22px;overflow: hidden;cursor: pointer;padding-left: 8px;padding-right: 5px;}
.filters .item li:hover{background-color: #F1F1F1;}
.filters .item li.selected{color: #3b6fb7;background-color: #F1F1F1;font-weight: bold;}
.filters .item li s{text-decoration: none;color: #BBBBBB;margin-left: 3px;}
.filters .filters-btn{padding: 20px 0;}
.filters .filters-btn s{float: left;line-height: 36px;padding: 0 18px;text-decoration: none;font-size: 15px;border: 1px solid #FF4200;color: #FF4200;border-radius: 5px;margin-right: 11px;cursor: pointer;}
.filters .filters-btn s:before{margin-right: 7px;}
.filters .filters-btn s.icon-reset:hover{background-color: #FF4200;color: #FFFFFF;}
.filters .filters-btn s.more{color: #56B39D;border: 1px solid #56B39D;}
.filters .filters-btn s.more:hover{background-color: #56B39D;color: #FFFFFF;}
.filters .filters-btn s.apply{background-color: #939BAA;color: #FFFFFF;border: none;/*! float: right;*/}
.filters .filters-btn s.apply:hover{background-color: #1F1F1F;}
/*product list*/
.product-list{background-color: #FFFFFF;}
.product-list h2{font-size: 20px;color: #000000;text-transform: uppercase;font-weight: bold;padding-left: 18px;line-height: 80px;float: left;}
.product-list .pager{text-align: right;margin-right: 15px;}
.product-list .product-list-box{clear: both;border-top: 1px solid #CECECE;overflow-x: auto;}
.product-list .product-list-box table{border-collapse: separate;table-layout: fixed;}
.product-list .product-list-box tbody{position: relative;}
.product-list .product-list-box th,.product-list-box td{border-bottom: 1px solid #EFEFEF;font-size: 13px;color: #383838;}
.product-list .product-list-box th{height: 50px;background-color: #F8F8F8;text-align: center;border-left: 1px solid #EFEFEF;color: #383838;width:130px;}
.product-list .product-list-box td{padding:0 5px;line-height:20px;word-wrap: normal;word-break: normal;text-align: center;}
.product-list .product-list-box td.rohs,.product-list .product-list-box td.no-rohs{text-align: center;}
.product-list .product-list-box td.rohs:before,.product-list .product-list-box td.no-rohs:before{content: "";background-image: url("../images/pdf_icon.png");background-repeat: no-repeat;font-size: 40px;width: 36px;height: 24px;display: inline-block;}
.product-list .product-list-box td.no-rohs:before{background-position: -40px 0;}
.product-list .product-list-box td b{display: block;color: #383838;margin-top: 5px;}
.product-list .product-list-box td a{color: #000000;}
/*product list width*/
.product-list .product-list-box th:nth-child(-n+7),.product-list .product-list-box th:last-child{background-color: #EEEEEE;}
.product-list .product-list-box th:nth-child(1){width:80px;}
.product-list .product-list-box th:nth-child(2){width:108px;}
.product-list .product-list-box th:nth-child(3),.product-list .product-list-box th:nth-child(4),.product-list .product-list-box th:nth-child(5){width:160px;}
.product-list .product-list-box th:nth-child(6){width:100px;}
.product-list .product-list-box th:nth-child(7){width:100px;}
.product-list .product-list-box td:nth-child(1) label{position: absolute;width: 100%;height: 100%;cursor: pointer;left: 0;top: 0;}
.product-list .product-list-box td:nth-child(1) label:before{content:"";width: 14px;height: 14px;border: 1px solid #CCCCCC;display: block;position: absolute;left: 50%;top: 50%;background-color: #FFFFFF;margin-left: -7px;margin-top: -7px;border-radius: 3px;}
.product-list .product-list-box td:nth-child(1) label:after{opacity:0;content:'';position:absolute;width:8px;height:4px;background:transparent;top:50%;left:50%;border:2px solid #FFFFFF;border-top:none;border-right:none;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin-left: -4px;margin-top: -3px;}
.product-list .product-list-box td:nth-child(1) input[type=checkbox]:checked+label:before{background-color: #FF0C10;border: 1px solid #FF0C10;}
.product-list .product-list-box td:nth-child(1) input[type=checkbox]:checked+label:after{opacity:1;}
.product-list .product-list-box td:nth-child(2) img{max-width:100px;display: block;margin: 0 auto;}
.product-list .product-list-box td:nth-child(3) a{color: #25427C;font-size: 14px;}
.product-list .product-list-box td:nth-child(3) a i{font-style:normal;color:#3b6fb7;}
.product-list .product-list-box td a:hover{text-decoration: underline;}
.product-list .product-list-box td:last-child input{height: 34px;width: 140px;border: 1px solid #EFEFEF;text-align: center;border-radius: 5px;display: inline-block;}
.product-list .product-list-box td:last-child button{display: inline-block;width: 140px;height: 34px;line-height: 34px;background-color: #3b6fb7;text-align: center;color: #FFFFFF;border-radius: 5px;margin-top: 7px;outline: none;border: none;cursor: pointer;}
.product-list .product-list-box td:last-child button:hover{background-color: #EE5A00;}
/*product list scroll*/
.product-list .product-list-box tr > *:nth-child(-n+7),.product-list .product-list-box tr > *:last-child{position: sticky;z-index: 1;}
.product-list .product-list-box tr > td:nth-child(-n+7),.product-list .product-list-box tr > td:last-child{background-color: #FFFFFF;}
.product-list .product-list-box tr > *:nth-child(1){left: 0;}
.product-list .product-list-box tr > *:nth-child(2){left: 80px;}
.product-list .product-list-box tr > *:nth-child(3){left: 188px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(4){left: 348px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(5){left: 508px;text-align: left;}
.product-list .product-list-box tr > *:nth-child(6){left: 668px;}
.product-list .product-list-box tr > *:nth-child(7){left: 768px;}
.product-list .product-list-box tr > *:last-child{right: 0px;text-align: center;width: 150px;padding: 5px 0;}
.product-list .product-list-title,.product-list .product-list-scroll{display:none;position: fixed;top: 110px;left: 0;width: 100%;height:50px;z-index: 2;overflow: hidden;}
.product-list .product-list-title .box{overflow-x: auto;}
.product-list .product-list-scroll{display:block;bottom: -32px;z-index: 9;top: auto;}
.product-list .product-list-scroll .box{overflow-x: auto;top: -50px;position: relative;}
/*detail*/
.detail{background-color: #FFFFFF;}
.detail.other .icon li:before{content: "";background-image: url("../images/pdf_icon.png");background-repeat: no-repeat;position: absolute;font-size: 40px;}
.detail h1{color: #1E1E1E;font-size: 28px;font-weight: normal;font-family: '393-CAI978';margin-bottom: 16px;}
.detail h2{font-size: 28px;position: relative;color: #1e1e1e;font-family: '393-CAI978';padding-bottom: 22px;text-shadow: 0 0 0.5px;}
.detail p{font-size: 13px;color: #383838;line-height: 22px;padding-bottom: 15px;text-align: left;}

.detail .left_part{float: left;background-color: #FFFFFF;height:620px;}
.detail .left_part{width: 300px;}
.detail .left_part .products-slides{height: 369px;position: relative;border: 1px solid #85939B;padding-top: 60px;margin-bottom: 24px;}
.detail .left_part .products-slides img{max-width: 90%;display: block;margin: 0 auto;}
.detail .left_part .products-slides a{display: block;margin: 0 20px;position: relative;}
.detail .left_part .products-slides .flex-control-nav{bottom: 33px;}
.detail .left_part .products-slides .flex-control-nav li{margin: 0;}
.detail .left_part .products-slides .flex-control-nav li a{border-radius: 0;margin: 0 6px;background-color: #c8ced1;}
.detail .left_part .products-slides .flex-control-nav li a.flex-active{background-color: #495d68;}
.detail .left_part .bottom{display: flex;justify-content: space-between;width: 100%;}
.detail .left_part .bottom.auto{bottom: auto;}

.detail .qty{height: 48px;border: 1px solid #C8C8C8;border-radius: 5px;line-height: 48px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);width: 100%;display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.detail .qty .qty-input{display: flex;}
.detail .qty button{width: 32px;height: 48px;border: none;background-color: transparent;float: left;font-size: 16px;color: #ACACAC;cursor: pointer;flex-shrink: 0;}
.detail .qty button:hover{color: #3B6FB7;}
.detail .qty button::before{transform: rotate(90deg);}
.detail .qty button:last-of-type:before{transform: rotate(-90deg);color: #000;}
.detail .qty input{height: 46px;float: left;width: 100%;border: none;text-align: center;outline: none;font-size: 14px;color: #000000;}
.detail .qty s.icon-cart{width: 48px;height: 48px;float: left;text-decoration: none;text-align: center;color: #fff;font-size: 20px;cursor: pointer;background: linear-gradient(0deg, #32414A, #495D68, #5B7382);flex-shrink: 0;}
.detail .qty s.icon-cart:hover{color: #3b6fb7;}

.detail .right_part{padding-left: 18px;position: relative;overflow: hidden;}
.detail .right_part .info{display: flex;margin-bottom: 40px;}
.detail .right_part .info > dl{margin-right: 93px;}
.detail .right_part .info > dl dd{font-size: 14px;color: #1D1F20;display: flex;align-items: center;}
.detail .right_part .info > dl dd a{color: #3B6FB7;}
.detail .right_part .info > dl dd a:hover{text-decoration: underline;}
.detail .right_part .info > dl dd strong{color: #3B6FB7;margin-right: 8px;}
.detail .right_part .info > dl dd span{min-width: 129px;display: inline-block;margin-right: 72px;line-height: 32px;color: #757575;}
.detail .right_part .info > dl dd .pdf a{display: block;}

.detail .form_part h2{padding-bottom: 15px;}
.detail .form_part p{color: #838383;line-height: 20px;font-size: 14px;}
.detail .form_part b{font-size: 17px;}
.detail .form_part .qty{width: calc(50% - 7px);border: none;box-shadow: none;border-bottom: 1px solid #888888;border-radius: 0;}
.detail .form_part .qty label{text-transform: uppercase;}
.detail .form_part .qty button{width: 50px;height: 50px;float: left;border: none;background-color: transparent;cursor: pointer;font-size: 16px;color: #ACACAC;}
.detail .form_part .qty input{float: left;height: 49px;border: none;width: 100%;line-height: 48px;outline: none;font-size: 14px;text-align: center;}
.detail .form_part .qty button:hover{color: #3B6FB7;}
.detail .form_part .qty button::before{transform: rotate(90deg);}
.detail .form_part .qty button:last-of-type:before{transform: rotate(-90deg);}

.detail .specifications table{float: left;width: 100%;margin-right: 18px;}
.detail .specifications table:nth-last-child(2){margin-right: 0;}
.detail .specifications th,.detail .specifications td{border-bottom: 1px solid #F7F7F8;height: 46px;}
.detail .specifications th.title{background-color: #6B7F89;font-weight: bold;border-top: 1px solid #85939B;border-bottom: 1px solid #85939B;color: #fff;font-size: 16px;border-left: none}
.detail .specifications th{text-align: left;padding-left: 17px;font-size: 13px;color: #838383;font-weight: normal;border-bottom: 1px solid #B8BEC2;border-left: 1px solid #B8BEC2;}
.detail .specifications td{font-size: 14px;color: #1D1F20;padding-left: 17px;border-right: 1px solid #B8BEC2;border-bottom: 1px solid #B8BEC2;border-left: 1px solid #B8BEC2;}
.detail .specifications th:last-child,.detail .specifications td:last-child{width: 40px;}
.detail .specifications td a{color: #3B6FB7;}

.detail .datasheet{padding-bottom: 30px;padding-top: 20px;}
.detail .datasheet dl{border-top: 4px solid #D6D6D6;}
.detail .datasheet dt{font-size: 18px;color: #000000;line-height: 50px;margin-top: 12px;}
.detail .datasheet dl dd{display: flex;flex-wrap: wrap;}
.detail .datasheet a{display: inline-block;color: #1d1f20;font-size: 14px;position: relative;border-radius: 5px;margin-right: 100px;margin-bottom: 12px;min-width: 411px;}
.detail .datasheet a:hover{color: #3B6FB7;text-decoration: underline;}

.detail .interested{margin-bottom: 30px;}
.detail .interested li a{width: 218px;height: 234px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;border: 1px solid #C8C8C8;margin-bottom: 17px;border-radius: 5px;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);flex-shrink: 0;margin-right: 18px;float: left;}
.detail .interested li a:nth-child(6n+6){margin-right: 0;}
.detail .interested li a h3{display: block;color: #1A1A1A;font-size: 18px;height: 56px;line-height: 56px;width: 100%;padding-left: 13px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.detail .interested li a .body{background: linear-gradient(0deg, #40535E, #526772);color: #fff;font-size: 14px;line-height: 24px;padding: 16px 23px 10px 13px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;width: 100%;height: 177px;}
.detail .interested li a s{display: block;height: 100px;overflow: hidden;}
.detail .interested li a p{display: block;font-size: 14px;height: 30px;border-top: 1px solid #fff;margin-top: 25px;line-height: 30px;padding-bottom: 0;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.detail .interested li a:hover h3{color: #3b6fb7;text-decoration: underline;}

.detail	.support{display: flex;justify-content: space-between;margin-top: 43px;max-width: 1400px;margin: 0 auto;}
.detail	.support h1{font-size: 26px;color: #000;margin-bottom: 23px;}
.detail	.support > div{width: 689px;position: relative;}
.detail	.support > div p{color: #757575;font-size: 14px;line-height: 22px;}
.detail	.support .payment::before{content: '';position: absolute;bottom: 50px;left: 0;background: url('../images/payment-support.png');width: 671px;height: 51px;}
.detail	.support .certifications::before{content: '';position: absolute;bottom: 31px;left: 0;background: url('../images/certifications.png');width: 694px;height: 101px;}
.detail	.support .certifications p{display: flex;justify-content: space-between;margin-bottom: 138px;}
.detail	.support .certifications p a{display: block;width: 126px;height: 32px;line-height: 32px;text-align: center;border: 1px solid #C8C8C8;font-size: 14px;margin-left: 125px;flex-shrink: 0;box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.11);border-radius: 5px;}
.detail	.support .certifications p a:hover{background: #3B6FB7;color: #fff;}
.detail	.support .certifications p i::before{transform: rotate(-90deg);margin-left: 10px;}
.detail .related{max-width: 1400px;margin: 0 auto;}
.detail .related > ul{margin-bottom: 32px;border-top: 4px solid #D6D6D6;padding-top: 21px;}
.detail .related > ul li{color: #1E1E1E;font-size: 14px;line-height: 28px;float: left;width: calc(100% / 5 - 10px);margin-right: 10px;text-overflow: ellipsis;display: inline-block;white-space: nowrap;overflow: hidden;}
.detail .related > ul li:nth-child(5n+5){margin-right: 0;}

/*magnifier*/
.magnifier-thumb-wrapper{position: relative;display: block;top: 0;left: 0;}
.magnifier-lens{position: absolute;border: solid 1px #CCCCCC;z-index: 1000;top: 0;left: 0;overflow: hidden;}
.magnifier-loader{position: absolute;top: 0;left: 0;border: solid 1px #CCCCCC;color: #FFFFFF;text-align: center;background: transparent;background: rgba(50, 50, 50, 0.5);z-index: 1000;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232)";filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F323232,endColorstr=#7F323232);}
.magnifier-loader-text{font: 13px Arial;margin-top: 10px;}
.magnifier-large{position: absolute;z-index: 100;}
.magnifier-preview{padding: 0;width: 100%;height: 150px;position: relative;overflow: hidden;}
.magnifier-preview img{position: absolute;top: 0;left: 0;}
.opaque{opacity: .5;filter: alpha(opacity=50);-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);}
.hidden{display: none;}
/*compare-button*/
.compare-button{display:none;height: 60px;position: fixed;bottom: 10px;background-color: #CCCCCC;left: 100px;border-radius: 10px;z-index: 9999;padding: 12px 20px;text-align: center;}
.compare-button button{display: inline-block;color: #FFFFFF;background-color: #3b6fb7;padding: 10px 20px;border-radius: 8px;margin: 0 7px;border: 1px solid transparent;cursor: pointer;}
.compare-button button:hover{background-color: #EE5A00;}
.compare-button button.compare{border: 1px solid #3b6fb7;background-color: #FFFFFF;color: #000000;}
.compare-button button.compare:hover{background-color: #3b6fb7;color: #FFFFFF;}
.compare-button button.disable{color: #BBBBBB;background-color: #FEFEFE;border: 1px solid #DDDDDD;}
/*compare*/
.compare{background-color: #FFFFFF;padding-bottom: 30px;}
.compare .crumbs{padding-left: 17px;}
.compare h1{padding-left: 17px;}
.compare .compare-box{clear: both;border-top: 1px solid #CECECE;overflow-x: auto;}
.compare .compare-box table{border-collapse: separate;table-layout: fixed;}
.compare .compare-box table th,.compare .compare-box table td{padding: 13px 0;line-height: 20px;border-bottom: 1px solid #EEEEEE;padding-left: 15px;font-size: 13px;border-right: 1px solid #EEEEEE;}
.compare .compare-box table th{background-color: #F8F8F8;text-align: left;color: #838383;position: sticky;z-index: 1;left: 0;width: 260px;border-left: 1px solid #EEEEEE;}
.compare .compare-box table td{width: 280px;font-size: 14px;}
.compare .compare-box table tr:nth-child(3) td{font-weight: bold;color: #383838;}
.compare .compare-box table td.rohs,.compare .compare-box table td.no-rohs,.compare .compare-box table td.pdf{position: relative;padding-left: 55px;}
.compare .compare-box table td.rohs:before,.compare .compare-box table td.no-rohs:before,.compare .compare-box table td.pdf:before{content: "";background-image: url("../images/pdf_icon.png");background-repeat: no-repeat;font-size: 40px;width: 36px;height: 24px;position: absolute;left: 13px;top: 50%;margin-top: -12px;}
.compare .compare-box table td.no-rohs:before{background-position: -40px 0;}
.compare .compare-box table td.pdf{padding-left: 40px;}
.compare .compare-box table td.pdf:before{background-position: -80px 0;width: 21px;height: 26px;margin-top: -13px;}
.compare .compare-box table td img{display: block;max-width: 60px;max-height: 60px;}
.compare .compare-box table tr.part td{position: relative;}
.compare .compare-box table tr.part td a{font-size: 18px;color: #383838;}
.compare .compare-box table tr.part td s{text-decoration: none;position: absolute;right: 1px;top: 50%;margin-top: -15px;cursor: pointer;width: 30px;height: 30px;text-align: center;border-radius: 3px;}
.compare .compare-box table tr.part td s:before{overflow: hidden;line-height: 30px;font-size: 20px;}
.compare .compare-box table tr.part td s:hover{background-color: #3b6fb7;color: #FFFFFF;}
.compare .compare-box table tr.rfq > *{border-bottom: 2px solid #DDDDDD;}
.compare .compare-box table tr.rfq td{position: relative;}
.compare .compare-box table tr.rfq button{position: absolute;}
.compare .compare-box table tr.rfq button:hover{background-color: #EE5A00;color: #FFFFFF;border-radius: 3px;}
.compare .compare-box table tr.rfq button.icon-plus{left: 140px;}
.compare .compare-box table tr.rfq button.icon-minus{left: 15px;}
.compare .compare-box table tr.rfq input{border-bottom: 1px solid #ddd;width: 150px;height: 38px;float: left;border: none;text-align: center;outline: none;font-size: 14px;color: #000000;}
.compare .compare-box table tr.rfq button{width: 32px;height: 38px;border: none;background-color: transparent;float: left;font-size: 16px;color: #ACACAC;cursor: pointer;}
.compare .compare-box table tr.rfq s{height: 36px;line-height: 36px;border: none;padding: 0 26px;margin-left: 17px;background-color: #939BAA;border-radius: 5px;font-size: 15px;color: #FFFFFF;float: left;cursor: pointer;margin-top: 2px;text-decoration: none;}
.compare .compare-box table tr.rfq s:hover{background-color: #3b6fb7;}
/*sitemap*/
.sitemap{background-color: #FFFFFF;position: relative;}
.sitemap:before{content: "";width: 100%;height: 1px;background-color: #DDDDDD;position: absolute;left: 0;top: 50%;margin-top: -40px;}
.sitemap:after{content: "";width: 1px;height: 100%;position: absolute;left: 50%;top: 0;background-color: #DDDDDD;}
.sitemap .pane{position: relative;}
.sitemap .pane .sitemap-box h1{font-size: 30px;color: #FFFFFF;font-weight: bold;width: 240px;height: 240px;background-color: #3b6fb7;text-align: center;line-height: 240px;border-radius: 50%;position: absolute;left: 50%;margin-left: -120px;top: 50%;margin-top: -160px;z-index: 2;}
.sitemap .pane:before{content: "";width: 0;height: 0;border-top: 23px solid #3b6fb7;border-right: 23px solid transparent;border-left: 23px solid transparent;position: absolute;bottom: -23px;left: 50%;margin-left: -23px;}
.sitemap .pane .sitemap-box dl{float: left;width: 50%;height: 280px;padding-top: 54px;}
.sitemap .pane .sitemap-box dt{font-size: 20px;color: #000000;line-height: 40px;text-transform: uppercase;font-weight: bold;}
.sitemap .pane .sitemap-box dd{padding: 9px 0;width: 540px;}
.sitemap .pane .sitemap-box dl:nth-child(2n+1),.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd{float: right;text-align: right;}
.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd a{margin-left: 60px;margin-right: 0;}
.sitemap-box dd a{font-size: 14px;color: #828282;margin-right: 60px;display: inline-block;height: 40px;}


@media screen and (max-width: 768px)
{
	.main .left,.main dl.letter,.filters,.filters .filters-btn s.apply{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;}
	.main:before{content: "";position: fixed;width: 100%;height: 100%;z-index: 9999;background-color: #000000;opacity: 0.3;top: 0;left: 0;display: none;}
	.main h1{font-size: 16px;float: none;margin: 0;padding-left: 0.5rem;line-height: 30px;height: 30px;}
	.main .total{padding: 0 0 0 0.5rem;line-height: 40px;}
	/*subnav*/
	.main .left,.main dl.letter,.filters{width: 80%;float: none;position: fixed;right: -80%;top: 0;z-index: 10000;}
	.main .left h2,.main dl.letter dt,.filters h2.icon-down{position: fixed;height: 38px;line-height: 38px;background-color: #939BAA;color: #FFFFFF;padding: 0 12px 0 45px;border-radius: 20px 0 0 20px;right: 0;top: 120px;}
	.main .left h2:before,.main dl.letter dt:before,.filters h2.icon-down:before{display:block;transform:rotate(90deg);-ms-transform:rotate(90deg);-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-o-transform:rotate(90deg);width: 30px;height: 30px;background-color: #858D9C;position: absolute;left: 5px;border-radius: 50%;text-align: center;line-height: 30px;top: 4px;}
	/*left*/
	.main .left ul{background-color: #EFF0F4;overflow-y: auto;}
	.main .left li{background-color: #FFFFFF;margin-bottom: 10px;}
	/*right*/
	.main .right{float: none;width: auto;}
	.main .right dl{padding: 0.5rem;}
	.main .right dt img{margin-right: 7px;}
	.main .right dt a{margin: 0;padding-left: 0;margin-top: 10px;}
	.main .right dt s{display: block;}
	.main .right dd a,.main .category-item a{float: none;width: auto;display: block;}
	.main .right + .letter{display: none !important;}
	/*letter*/
	.main dl.letter{display: none;padding: 0;width: 104px;right: -104px;}
	.main dl.letter:last-child{display:block;}
	.main dl.letter dt{top: 144px;float: none;}
	.main dl.letter dd a{width: 40px;height: 40px;}
	.main .parts-list{padding: 0.5rem;}
	.main .parts-list h1{float: left;height: 40px;line-height: 40px;margin-right: 5px;}
	.main .parts-list .list li{border-bottom:none;}
	.main .parts-list .list a{width: 50%;}
	/*main top*/
	.top{padding: 0 0.5rem;background-color: #EFF0F4;}
	.top .crumbs,.top .crumbs a,.top .crumbs a::after{color: #000000;}
	.top .crumbs{padding-left: 0;}
	.top h1{color: #000000;font-size: 16px;height: 30px;line-height: 30px;}
	.top .total{color: #838383;}
	.top .total b{color: #3B6FB7;}
	/*product-list*/
	.product-list h2{display: none;}
	.product-list .pager{text-align: center;padding-bottom: 10px;margin-right:0;}
	.product-list .product-list-box thead{display: none;}
	.product-list .product-list-box th,.product-list-box td{border-bottom: none;}
	.product-list .product-list-box tr{display: block;border-bottom: 1px solid #DDDDDD;padding: 0 0 20px 30%;position: relative;}
	.product-list .product-list-box td{display: block;padding: 0;padding-right: 0.5rem;}
	.product-list .product-list-box td:nth-child(1) label:before{left: 5px;margin-left: 0;}
	.product-list .product-list-box td:nth-child(1) label:after{left: 5px;margin-left: 3px;}
	.product-list .product-list-box td:nth-child(2) img{max-width: 90%;}
	.product-list .product-list-box td:last-child input{width: 90%;}
	.product-list .product-list-box td:last-child button{width: 90%;}
	/*product list scroll*/
	.product-list .product-list-box tr > *:nth-child(-n+7),.product-list .product-list-box tr > *:last-child{position: static;}
	.product-list .product-list-box tr > *:nth-child(1){position: absolute;left: 0;width: 30%;height: 40px;}
	.product-list .product-list-box tr > *:nth-child(2){position: absolute;left: 0;width: 30%;top: 40px;}
	.product-list .product-list-box tr > *:nth-child(3){padding: 10px 0;}
	.product-list .product-list-box tr > *:last-child{position: absolute;left: 0;bottom: 20px;width: 30%;}
	/* details */
	.detail .left_part{width: 100%;padding: 0 8px;height: unset;margin-bottom: 24px;}
	.detail h1{padding-left: 8px;font-size: 24px;}
	.detail .right_part{padding: 0 2%;}
	.detail .right_part .info{flex-direction: column;margin-bottom: 24px;}
	.detail .right_part .info > dl{margin-right: 0;}
	.detail .right_part .info > dl dd{margin-bottom: 12px;}
	.detail .right_part .info > dl dd span{width: 100%;}
	.detail .form_part .qty{width: 100%;}
	.detail .specifications{padding: 0 2%;}
	.detail .specifications th{width: 50%;}
	.detail .datasheet{padding: 20px 2% 12px;}
	.detail .datasheet dl{padding-left: 8px;width: 100%;}
	.detail .datasheet dl dd{flex-direction: column;}
	.detail .datasheet a{margin-right: 0;min-width: 100%;}
	.detail .interested{padding: 20px 2%;}
	.detail .interested .list li{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.detail .interested li a{margin-right: 0;width: 49%;}
	.detail .interested li a .body{line-height: 20px;height: auto;}
	.detail .interested li a p{margin-top: 4px;}
	.detail .support{flex-direction: column;padding: 20px 2%;}
	.detail .support > div{width: 100%;margin-bottom: 100px;}
	.detail .support h1{margin-bottom: 12px;font-size: 24px;}
	.detail .support > div p{padding-left: 8px;}
	.detail .support .payment::before{bottom: -80px;background: url('../images/payment-support-mobile.png'); width: 350px;height: 87px;left: 13px;}
	.detail .support .certifications::before{background: url('../images/certifications-mobile.png');height: 177px;width: 367px;left: 6px;bottom: -48px;}
	.detail .support .certifications p{flex-direction: column;}
	.detail .support .certifications p a{margin-left: 0;margin-top: 12px;}
	.detail .related{padding: 20px 2%;}
	.detail .related > ul li{width: 100%;}

	/*compare-button*/
	.compare-button{height: auto;left: auto;right: 5px;padding: 10px 5px;}
	.compare-button a{display: block;}
	.compare-button a.compare{margin-bottom: 10px;}
	/*.compare*/
	.compare .compare-box table th{width: 180px;}
	.sitemap:before,.sitemap:after,.sitemap .pane:before{display:none;}
	.sitemap .pane .sitemap-box{padding-top: 70px;padding-bottom: 30px;}
	.sitemap .pane .sitemap-box h1{width: 70px;height: 70px;text-indent: -999px;font-size: 1px;top: 40px;margin-top: 0;margin-left: -35px;background-image: linear-gradient(120deg,#04636d,#259c81);}
	.sitemap .pane .sitemap-box h1:before{content: "";width: 49px;height: 47.5px;background-image: url("../images/logo.png");background-repeat: no-repeat;background-position: 0 -29.5px;background-size: 98.5px auto;position: absolute;left: 50%;margin-left: -25.5px;top: 6px;}
	.sitemap .pane .sitemap-box dl{float: none;width: auto;height: auto;text-align: center;}
	.sitemap .pane .sitemap-box dt{text-transform: none;color: #FFFFFF;background-color: #3b6fb7;display: inline-block;padding: 0 30px;border-radius: 20px;font-size: 16px;height: 36px;line-height: 36px;position: relative;}
	.sitemap .pane .sitemap-box dt:before{content: "";width: 2px;height: 48px;background-color: #6EBEAB;position: absolute;left: 50%;margin-left: -1px;top: -50px;}
	.sitemap .pane .sitemap-box dd{float: none;text-align: center;width: auto;}
	.sitemap .pane .sitemap-box dl:nth-child(2n+1),.sitemap .pane .sitemap-box dl:nth-child(2n+1) dd{float: none;text-align: center;}
	.sitemap-box dd a{margin: 0 15px !important;height: auto;line-height: 24px;padding: 5px 0;}
}