.wrapper{margin:20px auto; overflow:hidden; border-radius: 4px 4px 0 0;}
.result{overflow:auto; margin-top:40px;}
.result p.title{text-align:center; width:100%; margin-top:20px;}
.result span{float:none;}
.result-kind span{float:none;}
.result.no-result p.subtitle{text-align:center;}
span{float:left;}
p.subtitle{color:var(--main);}
p.title{color:var(--main); font-size:40px;}
.moreBtn.PDFBtn span{ float: left; margin-top: 4px;}
a:hover .moreBtn.PDFBtn span{ background-position:top}
.banner{padding:30px 10px; background-image:url('../img/img-inner-banner.jpg'); background-size:cover;}
table{margin: auto;}
table tr th{background-color:var(--main);}
table tr td{background-color:var(--BG2); border-right:1px solid var(--shadow);}
table tr td:first-of-type{border-left:1px solid var(--shadow);}
table tr p{color:var(--word); padding:10px 20px; margin-bottom:0}
table th p.filter-title{color:var(--white); padding:10px 20px; text-align:center;}
table th:first-of-type p.filter-title{text-align:left;}
th p.filter-title-addition{background-color:var(--blue); color:var(--white); overflow:auto; height:42px;}
th p.filter-title-addition:nth-of-type(odd){background-color:var(--main); margin: auto;}
th .filter a p.filter-title-addition{ color:var(--white);}
th .filter a:hover p.filter-title-addition{ color:var(--secondary);}
td .filter .title-container{ border-right:1px solid var(--shadow);}
td .filter .title-container:last-of-type{ border-right:0px;}
.filter-title-btn{cursor:pointer;}
.filter-title-btn:hover{color:var(--secondary);}
.filter-title-btn:hover span{color:var(--secondary);}
.filter-title-btn:hover span{background-position:bottom;}


th .title-container p.filter-title-addition:nth-of-type(odd){background-color:var(--blue);}
th .title-container p.filter-title-addition:nth-of-type(even){background-color:var(--main);}
.productslist-filter.wrapper{ margin-bottom:20px; overflow: auto;}
.filterWrapper-header .filter{border-right: 1px solid var(--blue);}
.filterWrapper-header .filter p{color:var(--white); width:100%; min-height:41px;}
.filterWrapper-header .filter p.filter-subtitle-double{padding:31px 10px;}
.filterWrapper-header .filter .filter-content a:hover p{color:var(--secondary);}
.filter-subtitle{}
.filter-title-container{display:flex; background:var(--main);justify-content: center; align-items: center; min-height: 60px;}
.filter .filter-subtitle-container .filter-content a p{display:flex; justify-content: center; align-items: center;color:var(--white); background-color:var(--main)}
span.filter-btn{width:10px; height:10px; float:left; background-position:top; margin: 6px; min-width: 10px;}
a:hover p span.filter-btn{ background-position:bottom;}
span.filter-btn.filter-decrease{background-image:url('../img/products/btn-decrease.png'); float:right;}
span.filter-btn.filter-increase{background-image:url('../img/products/btn-increase.png'); float:right;}
.filterWrapper-header .filter .filter-content a p{color:var(--white);}
.filter .filter-subtitle-container .filter-content a:hover p{color:var(--secondary);}
.filter-increase{display:none;}
.filter-decrease{display:none;}
.filter-increase.open{display:block;}
.filter-decrease.open{display:block;}
.filter-subtitle-container{display:flex;}
.filter-content{float:left; min-width:100px;}
.filter .filter-subtitle-container .filter-content .filter_Zener1{ width: 140px;}
.filter .filter-subtitle-container .filter-content .filter_Zener2{ width: 200px;}
.filter .filter-subtitle-container .filter-content .filter_Zener3{ width: 140px;}
.filter .filter-content-container{height: 142px;}
.filter-main-btn{width:100%; float: left;}

#ProductTable{width: max-content;}
#ProductTableArea.wrapper{overflow-x:scroll;}

.ProductTable{width: max-content;}
.ProductTableArea.wrapper{overflow-x:scroll; margin-bottom:60px;}

.center .searchBox{margin:20px auto; float:none;}
.center .searchInput{width: 600px; max-width: 100%;}
.center .searchBox input{height: 50px;}
.center .searchBox .searchBtn{height: 50px; padding: 13px 10px; width: 60px;}

#StickyHeader{background-color:var(--BG);}
.productslist table{}
.productDetail .moreBtn.BG{margin-left:30px;}
.productDetail .detail{margin: 40px auto;  overflow: auto; float: left;}
.filterWrapper.filterWrapper-header{background-color:var(--blue); display: flex; justify-content: space-between; flex-direction: row;}

.filterWrapper.filter p.filter-title{color:var(--white);}
/*.filterWrapper:nth-of-type(2){border-left:1px solid var(--blue); border-right:1px solid var(--blue);}*/
.table-title .filterWrapper:first-of-type{background-color:var(--main);}
.productGrade{float:left; margin:auto ;padding-bottom: 30px; overflow:auto;}
.productGrade .filterWrapper{background-color:var(--main);}
.filterArea{width:min-content; text-align:center; border-radius:4px; margin:auto ;padding-bottom: 10px; float: left;}
.filterArea .searchBox{margin:10px auto;float: none;}
.filter{float: left; width:100%; text-align:left;}
.filter p{float: none;  padding: 10px 6px; margin:0; text-align:center;}
.filter a p{color:var(--main)}
.filter a:hover p{color:var(--secondary)}
.filter .filter-selectors{width:100%; border:solid var(--blue); border-width:1px 0 1px 1px;overflow: auto; padding:5px;}
.filter:last-of-type .filter-selectors{ border-width:1px;}

.table-caption.fixed{width: 100%; position: fixed; top: 83px; left: 0;}
.table-caption.fixed .table-title{width: 90%; margin: auto;overflow:hidden;}
.filterArea .moreBtn.BG{margin-right:20px; margin-bottom:20px}
p.filter-title-addition span.half{width:50%; display: inline-block; border-right:1px solid var(--blue);}
p.filter-title-addition span.trible{width:33.33%; display: inline-block; border-right:1px solid var(--blue);min-width:100px}
p.filter-title-addition span.half:last-of-type{border-right:0px;}
p.filter-title-addition span.trible:last-of-type{border-right:0px;}
.filter p.filter-title-addition:last-of-type span.trible{min-width:auto}
.title-container{display:inline-table;width:50%; min-width:220px;}

.table{margin-bottom:0;}
.table .filter-title{border:solid var(--blue); border-width:0 0 1px 1px; background-color: var(--white);}
.table .filter:last-of-type .filter-title{border-width:0 1px 1px 1px;}
.table p{color:var(--word);}
.table .filter-title a{margin:0 auto; color:var(--main)}
.table .filter-title a:hover{color:var(--secondary);}
.filter .infoBtn{width:20px; height:20px; background-image:url('../img/products/icon-info.png');margin: 10px; position:relative;float: left; }
.filter .partNo:hover .infoBtn{background-position:bottom;}
.filter .partNo{ cursor:pointer; position:relative;overflow: visible; width: fit-content; margin: 0;}
.filter .partNo p.filter-title{float: left; }
.filter .partNo:hover p{color:var(--secondary);}
.information{position:absolute; background-color:var(--main);top:-50px;left:40px; border-radius: 4px; padding:0 10px; display:none; z-index:999;}
.information.open{display:block;}
.information:before{top: 60px; left: -20px;position:absolute; content:""; width: 0px; height: 0px; border-style: solid; border-width: 0 20px 10px 0; border-color: transparent var(--main) transparent transparent; transform: rotate(0deg);}
.filter .partNo .information a p{color:var(--white);}
.filter .partNo:hover .information a p{color:var(--white);}
.filter .partNo:hover .information a:hover p{color:var(--secondary)}
.information a p{word-break: keep-all;}


span.btn-PDF{background-image:url('../img/products/icon-PDF.png'); width:20px; height:25px; cursor:pointer;display:block;margin: auto; float:none;}
span.btn-PDF:hover{background-position:bottom;}
span.btn-Inquiry{background-image:url('../img/products/icon-Inquiry.png'); width:20px; height:20px; cursor:pointer;display:block;margin: auto; float:none;}
span.btn-Inquiry:hover{background-position:bottom;}


.wrapper .page {width:100%; margin:10px auto; overflow: auto;}
.wrapper .page .prev{float:right;}
.wrapper .page .next{float:right;}
.wrapper .page p{padding:5px; color:var(--main);}
.wrapper .page p:hover{color:var(--secondary); cursor:pointer;}
.wrapper .page ul{float:right; margin:0;padding: 0;}
.wrapper .page ul li{float:left; padding:0 10px;}


.classification{margin:20px auto;overflow:auto; display:flex;}

.classificationHalf{width:50%; float:left;padding: 10px; background-color: var(--gray); margin: 20px; border-radius:4px;}
.classificationHalf.classificationHalfnone{background-color:transparent;}
.classificationHalf.first{background-color:transparent; margin:0; padding:0; border-radius:0;}
.classificationHalf .content{border-radius:4px; background-color:var(--gray); overflow:auto;   margin:20px;}
.classificationHalf.first .content{margin: 20px 0 20px 16px; padding:20px;}
.classificationHalf a p.subtitle{float:left; width:100%;}
.classificationHalf a p{float:left; width:50%;padding-left: 10px; text-indent: -10px; color:var(--main);}
.classificationHalf a:hover p{color:var(--secondary);}
.classificationFirst{margin-right: -24px;}

.ZenerDiodes{width:50%; float:left; padding:0 5px;}
.ZenerDiodes .content img{float:left;}
.SwitchingDiodes{width:50%; float:left; padding:0 5px;}
.SwitchingDiodes .content img{float:left;}

.RectifiersDiodes{border-radius:4px; padding:0 5px; margin-left: 60px;}
.TVC{ padding:0 5px;}

.wrapper.Overview{display: flex; margin:40px auto}
.productOverview{ margin:0 auto; display:flex; width:50%; float:left;}
.productOverviewContents{background-image:var(--linear2); border-radius:4px; padding:30px; margin:20px;}
.productOverviewContents img{margin-bottom:20px}
.productOverview p{ float: none; text-indent: -17px; padding-left: 20px; color:var(--white);line-height: 24px; margin:0 0 20px;}
.productOverview p:before{content:""; width:12px; height:12px; background-image:url('../img/products/icon-tick.png'); background-size:cover;display:inline-block}
.productOverview p.subtitle{ padding-left:0; text-indent:0;}
.productOverview p.subtitle:before{background-image:none; width:0;}

.wrapper.productDetail{margin:40px auto;}
.wrapper.productDetail img{border:1px solid var(--main);}
.wrapper.productDetail .table-caption .filterWrapper{min-width:unset;width: 100%;}
.wrapper.productDetail .table .filterWrapper{min-width:unset;}
.wrapper.productDetail .table-title .filterWrapper .filter p.filter-title{margin:0 !important;}


section .wrapper.catalog{margin:40px auto;}
.catalog p{float:left;color: var(--main);text-align: center; font-size:24px;}
.btn-catalog{display:none; border-radius:4px;}
.btn-catalog p{ font-size: 24px; color:var(--main); text-align: center; width: 100%;}
.btn-catalog a:hover p{color:var(--secondary);}
.packagePicture a{overflow:auto; text-align: center; display: block; position:relative; z-index:8}
.packagePicture a:before{position:absolute; width:100%; height:100%; background-color:var(--secondary); top:0; left:0; opacity:0; content:""; z-index:0; border-radius:4px}
.packagePicture a:hover:before{ opacity:1;}
.packagePicture img{float:none; margin:10px auto; position:relative; z-index:8}
.packagePicture p.subtitle{text-align: left;}
.packagePicture p{float:none;color: var(--main);text-align: center; font-size:24px; position:relative; z-index:8}
.packagePicture a:hover p{ color:var(--white);}
.packagePicture{display:none;}
.packagePicture.open{display:block;}

.btn-diodes{background-image:var(--linear2);border-radius:4px; margin:10px 0; padding:10px; overflow:auto;}
.btn-diodes img{float:left; margin:10px 0;}
a:hover .btn-diodes{background-color:var(--secondary); background-image:none;}
.btn-diodes p{color:var(--white);float:left;margin: 10px;}


section.inner.success p.subtitle{color:var(--word);}
.success .moreBtn{margin:0 auto;}
section.inner.success .center a{display:ruby;}
section.inner.success .center{margin-bottom:40px;}


@media screen and (max-width: 1400px){
	.productOverview{width:100%; display: block;}
}

@media screen and (max-width: 1400px){
	.productOverviewContents{padding:15px;}
	.center .searchBox{display:block; width: min-content; max-width: 100%;}
	.btn-diodes img{margin:0;}
	.catalog p{font-size:14px;}
}

@media screen and (max-width: 1200px){
	.classification{display:block; overflow:hidden;margin: 0 auto;}
	.classificationHalf{width:100%; float:none;margin: 10px 0;}
	.classificationHalf.first{margin:20px 0 0;}
	.classificationFirst{margin-right:0}
	.classificationHalf .content{border-radius:4px; background-color:var(--gray); overflow:auto;  margin:0; padding:20px;}
	.classificationHalf.first .content{margin: 0;}
	.ZenerDiodes{margin-bottom:20px;}
	.SwitchingDiodes{margin-bottom:20px;}
	.TVC{ overflow:auto;}
	.RectifiersDiodes{margin-left: 0; padding: 10px; margin-top:20px}
	.classificationHalf.wafers{margin:20px 0}
	.wrapper.Overview{display: block; }
	
}

@media screen and (max-width: 991px){
	.result p.title{font-size:24px;}
	.ZenerDiodes,.SwitchingDiodes{width:100%;}
	.classificationHalf a p{width:100%;}
	.productOverview{display:block;}
	.productOverviewContents{width:40%; float:left; margin:20px 5%;}
	.productOverview{display: block; }
	.productOverviewContents{width:100%;margin:20px auto;}
	.btn-catalog{display: block; overflow: auto;  margin:10px auto; width: fit-content; padding:0 20px; background-color:var(--main);}
	a.btn-catalog:hover{background-color:var(--secondary);}
	.btn-catalog p{color:var(--white); margin-top: 10px;}
	.catalog{display:none;}
	section .wrapper.catalog.open{display:block;margin: 0 auto 40px;}
	table th p.filter-title{padding:10px;}
	table th:first-of-type p.filter-title{padding:10px;}
	.filter .partNo p.filter-title{padding:10px 4px 10px 10px;}
}