/* CSS Document */
.product-nav {
  width: 100%; padding-bottom: 28px; 
}
.product-nav__list { margin: 0; padding: 0 0 0 0;
  display: flex; flex-direction: column; flex-wrap: wrap; 
}
.product-nav__item {  list-style: none; padding-bottom: 0px; margin-right: 0px;}

.product-nav__link { padding: 4px 0 4px 18px;border-bottom: 3px solid transparent; position: relative; display: block; font-weight: 400; cursor: pointer;}
.product-nav__link:before  { content: ""; position: absolute; width: 8px; height: 11px; background: #ca9e03; clip-path: polygon(0 0, 100% 50%, 0% 100%); top:50%; transform: translateY(-50%); left: 0px;}



/*.product-nav__link span { display: inline-block; position: absolute; left: 0; top: -1px; width: 26px; height: 26px; border-radius: 100%; border: 1px solid #87a705; text-align: center; opacity: 0;transition: all 0.4s ease-out 0s;}
.product-nav__link span:before { position: absolute; content:""; width: 7px; height: 7px; border-width: 1px 1px 0 0; border-style: solid; border-color: #87a705; transform: rotate(45deg); left: 7px; top:9px;}*/
.product-nav__link:hover .solution-btn > div:nth-of-type(2) {}
.product-nav__link:hover, .product-nav__link.active  {  /*background: #fff; filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.15));*/ color: #ca9e03;}
.product-nav__link.hover .solution-btn:after, .product-nav__link.active .solution-btn:after { opacity: 1;bottom: -12px;}
.product-nav__link:visited {
  text-decoration: none;
}

.tab-content, .tab-content-b, .tab-content-c {
  display: none;   position: relative; 
}
.tab-content > img, .tab-content-b > img , .tab-content-c > img { transition: all 0.4s ease-out 0s; width: 100%;}
.tab-content:hover .tab-content-link, .tab-content-b:hover .tab-content-link, .tab-content-c:hover .tab-content-link { opacity: 1;}

.tab-content-link { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s; background: linear-gradient(0deg, rgba(129,93,54,.9) 0%, rgba(247,227,170,.9) 100%); opacity: 0; }
.tab-content-link > div { text-align: center; padding: 0 5%; font-weight: 900; font-family: 'Noto Serif TC', sans-serif; position: relative;padding-right: 30px;}
.tab-content-link > div:before, .tab-content-link > div:after { content: ""; position: absolute; width: 14px; height: 14px; border-width: 1px 1px 0 0; border-color: #333; border-style: solid; transform: rotate(45deg) translateY(-50%); display: inline-block; top:50%; }
.tab-content-link > div:before { right: 0;}
.tab-content-link > div:after { right: 10px;}


@media only screen and (max-width: 1365px) {
	.solution-btn { font-size: 17px; }
	.product-nav__list { flex-direction: row; padding-bottom: 10px;}
	.product-nav__item  { margin: 0 15px 0px 0;}
	.tab-content { }
	.product-nav__link { padding-bottom: 0; padding-top: 0; padding-left: 14px;}
}
@media only screen and (max-width: 1279px) {
	.product-nav__list { }
}
@media only screen and (max-width: 980px) {
	.product-nav__list { }
    
    .product-nav__list { }
    .product-nav__item { }
    
	.product-nav__list { }
}


@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 640px) {
	.product-nav__list { }
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	.tab-content {}
	
	
}

@media only screen and (max-width: 320px) {

}