.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;width: 298px;}
.main .left li{line-height: 16px;padding: 7px 0 7px 15px;font-size: 13px;color: #000000;cursor: pointer;}
.main .left li:hover{color: #EC1C24;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: #EC1C24;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: #EC1C24;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: 118px;overflow-y: auto;max-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: #EC1C24;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: #EC1C24;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 #EC1C24;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: #EC1C24;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:#EC1C24;}
.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: #EC1C24;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: 118px;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: #fff;}
.detail .crumbs{color: #fff;background-color: #222222;padding: 3px 0 3px 0;}
.detail .crumbs a{color: #fff;}
.detail .top_part{background-color: #EBEDF0;padding-bottom: 22px;padding-top: 18px;}
.detail .info{clear: both;display: flex;}
.detail .info .magnifier-box{width: 337px;height: auto;margin-right: 2px;text-align: center;background-color: #fff;flex-shrink: 0;}
.detail .info .magnifier-box .image-box{margin: 60px auto 40px;max-width: 90%;}
.detail .info .magnifier-box a{display: block;width: 284px;height: 264px;text-align: center;line-height: 264px;margin: 15px auto 9px;position: relative;}
.detail .info .magnifier-box a img{max-width: 100%;max-height: 100%;display: inline-block;vertical-align: middle;}
.detail .info .magnifier-box s{text-decoration: none;font-size: 13px;color: #888888;line-height: 18px;}

.detail .info dl{flex: 1;background-color: #fff;width: 100%;height: auto;padding: 26px 0 0 18px;display: flex;flex-wrap: wrap;padding-bottom: 30px;}
.detail .info dt{font-size: 15px;color: #717171;line-height: 26px;margin-bottom: 25px;width: 100%;}
.detail .info dt b{display: block;font-size: 23px;color: #000;}
.detail .info dd{display: flex;width: 50%;font-size: 15px;color: #000;line-height: 32px;font-family: Arial;align-items: center;}
.detail .info dd span{color: #717171;font-size: 15px;width: 181px;display: inline-block;margin-right: 23px;white-space: nowrap;flex-shrink: 0;}
.detail .info dd .pdf a{display: block;line-height: 1.3;}
.detail .info dd:nth-child(2n+1) span{width: 85px;}
.detail .info dd a{color: #7f9cc7;}
.detail .info dd a:hover{text-decoration: underline;}

.detail .info .bottom{background-color: #fff;padding-left: 18px;float: left;width: 100%;display: flex;align-items: center;padding-bottom: 25px;}
.detail .info .bottom s{margin-left: 155px;text-decoration: none;font-size: 14px;color: #717171;max-width: 450px;height: 48px;}
.detail .info .bottom s a{color: #000;}
.detail .info .bottom s a:hover{text-decoration: underline;}
.detail .qty{display: flex;align-items: center;width: 361px;height: 40px;border: 1px solid #CBCBCB;border-radius: 3px;}
.detail .qty button{width: 46px;height: 100%;flex-shrink: 0;font-size: 14px;cursor: pointer;background-color: transparent;border: none;color: #222222;}
.detail .qty button.icon-minus{color: #cbcbcb;}
.detail .qty button.icon-cart{color: #fff;background-color: #222222;width: 52px;font-size: 24px;}
.detail .qty button:hover{color: #EC1C24;}
.detail .qty input{width: 100%;height: 100%;border: none;outline: none;text-align: center;font-size: 16px;color: #222222;}

.detail .form{margin-top: 12px;background-color: #fff;padding: 23px 15px 0;}
.detail .form b{float: left;font-size: 21px;color: #000;}
.detail .form span{color: #EC1C24;font-weight: normal;}
.detail .form s{float: right;font-size: 14px;color: #717171;text-decoration: none;line-height: 24px;}
.detail .form_module{padding-top: 10px;}
.detail .form_module ul li.w33{width: calc(33% - 7px);}
.detail .form_module ul li.mes{width: 100%;height: 44px;}
.detail .form_module ul li .qty{width: 80%;border: none;margin-left: auto;}
.detail .form_module .form_btn{padding: 10px 0 23px;}
.detail .form_module .form_btn p{float: left;color: #717171;line-height: 40px;}
.detail .form_module .form_btn button{font-size: 34px;}
.detail .form_module .form_btn button::before{height: 28px;}

.detail .specifications{margin-bottom: 50px;}
.detail .specifications .tab{margin-top: 38px;margin-bottom: 16px;display: flex;justify-content: space-between;}
.detail .specifications .tab li{width: calc(50% - 5px);height: 34px;line-height: 34px;text-align: center;background-color: #EBEDF0;color: #181818;font-size: 19px;cursor: pointer;transition: all .2s;}
.detail .specifications .tab li.actived{color: #fff;font-size: 21px;font-weight: bold;background-color: #595959;}
.detail .specifications .content li{display: none;}
.detail .specifications .content li.actived{display: block;}
.detail .specifications .content .li1 dl{display: flex;flex-wrap: wrap;justify-content: space-between;}
.detail .specifications .content .li1 dt{width: 100%;font-size: 15px;color: #717171;line-height: 22px;margin-bottom: 24px;}
.detail .specifications .content .li1 dt span{color: #000;}
.detail .specifications .content .li1 dd{width: 50%;font-size: 14px;color: #000;line-height: 32px;}
.detail .specifications .content .li1 dd span{width: 160px;margin-right: 29px;font-size: 14px;color: #717171;display: inline-block;}
.detail .specifications .content .li2{position: relative;overflow: hidden;font-size: 15px;color: #717171;line-height: 22px;}
.detail .specifications .content .li2 dl{margin-bottom: 20px;}
.detail .specifications .content .li2 dt{font-size: 16px;font-weight: bold;color: #000;line-height: 30px;}
.detail .specifications .content .li2 dd{font-size: 15px;color: #717171;line-height: 20px;}
.detail .specifications .content .li2 dd span{color: #000;}
.detail .specifications s{text-decoration: none;cursor: pointer;left: 50%;transform: translateX(-50%);font-size: 15px;color: #6D7071;position: absolute;bottom: 0;display: block;width: 100%;background-color: #fff;overflow: hidden;height: 24px;text-align: center;}

.detail .comparison{margin-bottom: 41px;}
.detail .comparison h2{font-size: 33px;color: #000;font-family: Corbel;margin-bottom: 12px;text-align: center;font-weight: bold;}
.detail .comparison .table-box{height: 673px;overflow-y: auto;}
.detail .comparison table{width: 100%;text-align: left;border-collapse: collapse;border-spacing: 0;border: 1px solid #BBBBBB;}
.detail .comparison table th, .detail .comparison table td{border: 1px solid #C8C8C8;}
.detail .comparison table th{padding-left: 12px;font-size: 14px;color: #717171;background-color: #F4F4F4;line-height: 36px;}
.detail .comparison table td{font-size: 15px;color: #717171;line-height: 36px;padding-left: 11px;}
.detail .comparison table td img{display: block;max-width: 138px;max-height: 124px;margin: 11px 0 12px 12px;}
.detail .comparison table td span{color: #000;}


.detail .related-products .tab{display: flex;justify-content: space-between;}
.detail .related-products .tab li{width: calc(50% - 5px);height: 34px;background-color: #EBEDF0;font-size: 19px;color: #181818;line-height: 34px;text-align: center;cursor: pointer;transition: all .2s;}
.detail .related-products .tab li span{font-size: 16px;color: #717171;}
.detail .related-products .tab li.actived, .detail .related-products .tab li.actived span{background-color: #595959;color: #fff;font-size: 21px;font-weight: bold;}
.detail .related-products .content{margin-top: 27px;margin-bottom: 60px;}
.detail .related-products .content ul{display: none;}
.detail .related-products .content ul.actived{display: block;}
.detail .related-products .content .ul1 li{display: inline-block;margin-right: 15px;}
.detail .related-products .content .ul1 li:nth-child(6n+6){margin-right: 0;}
.detail .related-products .content .ul1 li a{display: block;width: 217px;height: 209px;text-align: center;padding: 13px 23px 15px;font-size: 14px;color: #717171;}
.detail .related-products .content .ul1 li a img{max-width: 100px;max-height: 100px;}
.detail .related-products .content .ul1 li a b{display: block;font-size: 16px;color: #000;line-height: 23px;}
.detail .related-products .content .ul1 li a s{display: block;text-decoration: none;font-size: 14px;color: #000;line-height: 21px;}
.detail .related-products .content .ul1 li a:hover{box-shadow: 0 1px 8px rgb(0, 0, 0, .2);text-decoration: underline;}
.detail .related-products .content .ul2 li{width: 50%;margin-bottom: 12px;}
.detail .related-products .content .ul2 li a{font-size: 15px;color: #000;}
.detail .related-products .content .ul2 li a:hover{text-decoration: underline;}

.detail .related-news{overflow: hidden;margin-bottom: 90px;}
.detail .related-news h2{font-size: 33px;color: #000;font-family: Corbel;margin-bottom: 24px;text-align: center;width: 100%;font-weight: bold;}
.detail .related-news ul li{width: 455px;float: left;}
.detail .related-news ul li a{display: block;height: 100%;}
.detail .related-news ul li:not(:last-of-type){margin-right: 17px;}
.detail .related-news ul li h3{background-color: #EBEDF0;padding: 4px 9px 2px 6px;font-size: 20px;color: #000;line-height: 27px;font-weight: bold;margin-bottom: 15px;}
.detail .related-news ul li s{font-size: 15px;color: #717171;line-height: 21px;text-decoration: none;}
.detail .related-news ul li s.more{display: block;margin-top: 18px;color: #717171;font-size: 15px;text-decoration: none;}
.detail .related-news ul li:hover s.more{text-decoration: underline;color: #EC1C24;}

.detail .payment{overflow: hidden;}
.detail .payment dl{float: left;width: calc(50% - 23px);display: flex;flex-wrap: wrap;justify-content: center;}
.detail .payment dl dt{width: 100%;font-size: 14px;color: #717171;margin-bottom: 24px;position: relative;}
.detail .payment dl dt b{display: block;font-size: 30px;color: #000;font-family: Corbel;margin-bottom: 10px;}
.detail .payment .left{margin-right: 45px;}
.detail .payment .left dd{width: 221px;height: 112px;}
.detail .payment .left dd a{display: block;background: url('../images/payment-support-logo.jpg') no-repeat -22px -26px;width: 177px;height: 59px;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.detail .payment .left dd:nth-of-type(2) a{background-position: -269px -16px;width: 126px;height: 81px;}
.detail .payment .left dd:nth-of-type(3) a{background-position: -476px -23px;width: 153px;height: 63px;}
.detail .payment .left dd:nth-of-type(4) a{background-position: -679px -15px;width: 183px;height: 81px;}
.detail .payment .left dd:nth-of-type(5) a{background-position: -909px -31px;width: 166px;height: 50px;}
.detail .payment .right dd{width: 221px;height: 112px;margin-bottom: 16px;}
.detail .payment .right dd a{display: block;background: url('../images/Certifications&Memberships-logo.jpg') no-repeat -52px 0;width: 118px;height: 119px;position: relative;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.detail .payment .right dd:nth-of-type(2) a{background-position: -273px 0;}
.detail .payment .right dd:nth-of-type(3) a{background-position: -494px 0;}
.detail .payment .right dd:nth-of-type(4) a{background-position: -43px -136px;width: 136px;height: 96px;}
.detail .payment .right dd:nth-of-type(5) a{background-position: -289px -135px;width: 87px;height: 98px;}
.detail .payment .right dd:nth-of-type(6) a{background-position: -462px -136px;width: 184px;height: 100px;}
.detail .payment .right .view{position: absolute;right: 0;top: 9px;}

.detail .parts{margin-top: 70px;margin-bottom: 60px;}
.detail .parts h2{font-size: 33px;color: #000;font-family: Corbel;margin-bottom: 30px;text-align: center;font-weight: bold;}
.detail .parts ul{}
.detail .parts ul li{display: inline-block;width: calc(100% / 6 - 10px);margin-right: 8px;}
.detail .parts ul li:nth-child(6n+6){margin-right: 0;}
.detail .parts ul li a{width: 219px;height: 40px;margin-bottom: 10px;display: block;line-height: 40px;text-align: center;border: 1px solid #878787;font-size: 16px;color: #000;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 10px;}
.detail .parts ul li a:hover{font-weight: bold;border-color: #EC1C24;}

.detail .brand-info{margin-bottom: 68px;}
.detail .brand-info h2{font-size: 33px;color: #000;font-family: Corbel;margin-bottom: 30px;text-align: center;font-weight: bold;}
.detail .brand-info .left{float: left;width: 404px;height: auto;border: 1px solid #C8C8C8;border-radius: 6px;margin-right: 17px;text-align: center;position: relative;padding: 50px 0;}
.detail .brand-info .left img{margin: 0 0 40px;}
.detail .brand-info .left b{display: block;font-size: 36px;color: #000;margin-bottom: 20px;}
.detail .brand-info .left s{display: block;font-size: 18px;color: #717171;text-decoration: none;padding: 0 10px;}
.detail .brand-info .right{font-size: 16px;color: #181818;line-height: 23px;}
.detail .brand-info .right .box_text{position: relative;height: auto;overflow: hidden;}
.detail .brand-info .right .box_text span.icon-down{font-size: 14px;color: #7A7A7A;line-height: 23px;position: absolute;cursor: pointer;display: inline-block;width: calc(70% + 0.8em);overflow: hidden;right: 0;bottom: 0;background-color: #fff;padding-left: 2em;}
.detail .brand-info .right .box_text span.icon-down::before{position: absolute;left: 100px;top: 50%;transform: translateY(-50%);}
.detail .brand-info .right .box_text span.icon-down::after{content: '...';position: absolute;left: 0;}
.detail .brand-info .right >a{display: inline-block;padding: 0 16px;position: relative;font-size: 17px;color: #181818;font-weight: bold;margin-top: 20px;transition: all .2s;}
.detail .brand-info .right >a::before{content: '';position: absolute;left: 0;top: 0;height: 22px;width: 4px;background-color: #EC1C24;}
.detail .brand-info .right >a:hover{background-color: #EC1C24;color: #fff;}

/*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: #EC1C24;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 #EC1C24;background-color: #FFFFFF;color: #000000;}
.compare-button button.compare:hover{background-color: #EC1C24;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: #EC1C24;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: #EC1C24;}
/*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: #EC1C24;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 #EC1C24;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)
{
    /* detail */
    .detail .info .magnifier-box{float: unset;width: 100%;margin-bottom: 1px;}
    .detail .info dl{width: 100%;padding: 10px 8px;}
    .detail .info dd{flex-wrap: wrap;width: 100%;}
    .detail .info dd span{margin-right: 0;display: block;width: 100%;}
    .detail .info .bottom{width: 100%;flex-wrap: wrap;}
    .detail .info .bottom s{margin-left: 0;margin-top: 18px;}
    .detail .form s{float: left;}
    .detail .post_form ul li{width: 100% !important;}
    .detail .post_form .form_btn s{margin-bottom: 8px;}
    .detail .specifications{padding: 20px 8px 0;}
    .detail .specifications .tab{display: none;}
    .detail .specifications .content li{display: block !important;margin-bottom: 24px;}

    .detail .specifications .content .li1 dd{width: 100%;line-height: 1.5;margin-bottom: 12px;}
    .detail .specifications .content .li1 dd span{margin-right: 0;width: 100%;}
    .detail .comparison{padding: 0 8px;}
    .detail .comparison table{border-left: none;}
    .detail .comparison table th{position: sticky;left: 0;border-left: none;}
    .detail .related-products{padding: 0 8px;}
    .detail .related-products .tab li{display: none;}
    .detail .related-products .content ul{display: flex !important;flex-wrap: wrap;}
    .detail .related-products .content .ul1 li{width: 49%;margin-right: 0;}
    .detail .related-products .content .ul1 li a{display: block;width: 100%;padding: 0;}
    .detail .related-products .content .ul2 li{margin-bottom: 18px;width: 100%;}
    .detail .related-news{padding: 0 8px;}
    .detail .related-news ul li{width: 100%;}
    .detail .related-news ul li:not(:last-of-type){margin-right: 0;margin-bottom: 18px;}
    .detail .payment{padding: 0 8px;}
    .detail .payment dl{width: 100%;}
    .detail .payment dl dt{margin-bottom: 12px;}
    .detail .payment .left{margin-bottom: 24px;}
    .detail .payment .left dd{width: 50%;}
    .detail .payment .right dt{margin-bottom: 28px;}
    .detail .payment .right dd{width: 50%;}

    .detail .parts{padding: 0 8px;margin-top: 20px;}
    .detail .parts ul li{width: 49%;margin-right: 0;}
    .detail .parts ul li a{width: 100%;font-size: 14px;padding: 0;}
    .detail .brand-info{padding: 0 8px;}
    .detail .brand-info .left{width: 100%;float: unset;margin-bottom: 18px;margin-right: 0;}

    /*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: #EC1C24;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;}
}