.breadcrumb,.breadcrumb a{

	/*color: #9FA0A0;*/

}

.products-nav-list{z-index: 9;    position: relative;}

/* ============================= */
/* 桌機版主選單樣式 (min-width: 768px) */
/* ============================= */
@media (min-width: 768px) {

    .products-nav-list {
        position: relative;
        font-family: Arial, sans-serif;
    }

    .products-nav-list .products-nav {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    .products-nav-list .products-nav > li {
        position: relative;
        margin: 0 15px;
    }

    .products-nav-list .products-nav > li > a {
        display: block;
        padding: 20px 8px;
        text-decoration: none;
        font-size: 1.8rem;
        font-weight: 500;
        color: #333;
        transition: color 0.3s;
        font-family: "Poppins", "Noto Sans TC", sans-serif;
        letter-spacing: 0.3px;
    }

    .products-nav-list .products-nav > li:hover > a {
        color: rgba(232, 129, 0, 0.8); /* 半透明橘色 */
    }

    .products-nav-list .group-content {
        position: absolute;
        top: 100%;
        left: 0;
        background-color: rgba(255,255,255,0.95);
        min-width: 220px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        padding: 10px 0;
        display: none;
        flex-direction: column;
        z-index: 100;
        border-radius: 8px;
        transition: all 0.3s ease;
        opacity: 0;
        transform: translateY(-10px);
        width: auto;
        white-space: nowrap;
    }

    /* hover 展開子選單 */
    .products-nav-list .products-level2:hover > .group-content {
        display: flex;
        opacity: 1;
        transform: translateY(0);
    }

    .products-nav-list .group-content a {
        display: block;
        padding: 10px 18px;
        color: #333;
        text-decoration: none;
        font-size: 1.8rem;
        line-height: 1.5;
        transition: background 0.2s, color 0.2s;
        white-space: nowrap;
        font-family: "Poppins", "Noto Sans TC", sans-serif;
    }

    .products-nav-list .group-content a:hover {
        background-color: rgba(232,129,0,0.8);
        color: #fff;
    }

}






@media (max-width: 767px){

    /* layout 調整 */
    .products-row{flex-direction: column;}
    .product-pages, .products-pics{width: 100%;}
    .products-content{width: 100%;margin-top: 5rem;}
    .products-content h3{font-size: 24px;}
    .products-content > span, .products-id > span,.products-content label, .products-content p{font-size: 16px;}
    .products-content ul li{display: flex;}
    .awards-list li{height: 100px;}
    .products-content label{flex-shrink: 0;}
    .product-info{padding: 5rem 2.5rem;}
    .download-list{margin-top: 5rem;}
    .download-list a{font-size: 16px;}
    .download-list a i{width: 20px;height: 20px;}

    /* ============================= */
    /* nav list 手機版調整 */
    /* ============================= */
    .products-nav-list{
        overflow-x: scroll;
        padding-top: 4rem; /* 讓 nav-list 距離 header */
        padding-bottom: 3rem;
        background-color: transparent; /* 移除白色背景，避免被 header 蓋住 */
        position: relative;
        z-index: 1001; /* 確保在 header 之上 */
    }

    .products-nav{
        width: max-content;
        display: block;
    }

    .products-nav > li{
        width: fit-content;
        display: inline-block;
        margin-bottom: 0.5rem; /* 調整間距 */
    }

    .products-nav > li > a{
text-decoration: none;
font-family: "Poppins", "Noto Sans TC", sans-serif;
color: #E88100;
        font-size: 1.6rem;
        padding: 10px 12px;

    }

    .mb-products-nav-list{display: block;}

    /* 初始隱藏下拉 */
    .group-content,.products-nav > li:hover .group-content{display: none;}

    /* 點擊展開後顯示 */
    .group-content.active{
        display: block;
        position: relative;
        opacity: 1;
        transform: translateY(0);
        background-color: #fff; /* 下拉選單白底 */
        border-radius: 6px;
        box-shadow: 0 6px 12px rgba(0,0,0,0.1);
        padding: 10px 0;
    }

    .mb-products-nav-list .group-content a{
        display: block;
        width: 100%;
font-family: "Poppins", "Noto Sans TC", sans-serif;
        font-size: 1.6rem;
        padding: 8px 16px;
        margin: 2px 0;
        color:#868686;
text-decoration: none;
    }

    /* 商品列表寬度 */
    .product-list .product-wrapper .product-box{
        width: calc(100% / 2 - 5.6rem)
    }

}







.products-row{

    display: flex;

    justify-content: space-between;

    align-items: center;

    position: relative;

    margin-bottom: 8rem;

    padding-top: 5rem;

}



.products-pics{

    position: relative;

    width: 50%;

    

}

.products-video div{

    position: relative;

    width: 100%;

    padding-top: 56.25%;

}

.products-video div iframe{position: absolute;width: 100%;height: 100%;top: 0;left: 0;}

.products-content{

    /*position: relative;*/

    width: 40%;

}

.products-content h3{

    color: #000;

    font-size: 3.6rem;

    font-weight: 700;

    line-height: normal;

    margin-bottom: .5em;

}

.products-date{

    color: #898989;

    font-size: 1.4rem;

    font-weight: 300;

    margin:1em 0;

    display: block;

}

.products-id{

	font-size: 1.8rem;

	border-left: 1px solid #000;padding-left: 1em;

	margin-bottom: 2em;

}

.products-content > span,.products-id > span{

	font-size: 1.8rem;line-height: 2em;

	display: block;

}

.products-content > span:nth-of-type(2){

	margin-bottom: 2em;

}

.products-content label,.products-content p{

	display: inline-block;

    color: #000;

    font-size: 2.2rem;

    font-weight: 300;

    line-height: 2em;

}

.products-content a{

    position: absolute;

    right: 0;

    bottom: 0;

    background: rgba(232, 129, 0, 1);

    flex-shrink: 0;

    color: #fff;

    font-size: 1.6rem;

    font-weight: 400;

    line-height: 2em;

    display: block;

    padding: 0 4em;

}



.products-content a:hover{

    background: rgba(232, 129, 0, .6);

}





.product-list{

	border-top: 1px solid rgba(232, 129, 0, 1);

	padding-top: 5rem;

	margin-top: 5rem;

}

.product-wrapper{display: flex;flex-wrap: wrap;margin-left: -2.8rem;margin-right: -2.8rem;}

.product-wrapper

.product-box{

	width: 34rem;

	margin:0 2.8rem 8rem 2.8rem;

}

.product-con .product-box{

	margin: 0 0 8rem 0;

}





.product-info{

	background: #EFEFEF;

	padding: 5rem 8rem;

}





.tab-content > .nav-tabs {

    width: 100%;

    display: flex;

    justify-content: space-between;

    margin-bottom: 3rem;



}



.tab-pane{

	color: #000;

	font-size:16px;

	font-weight: 300;

	line-height: 1.5em;

}

.nav-tabs{margin: 0 -5px;}

.nav-tabs>li {

	width: 100%;

    border-bottom: 1px solid #B5B5B6;

    text-align: center;

    -webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

  margin: 0 5px;

}

.tab-content > .nav-tabs > li {

    margin-right: 2px;

}

.tab-content > .nav-tabs > li:hover,.tab-content > .nav-tabs > li.active {

    border-bottom: 1px solid #000;

    position: relative;

}

.nav-tabs > li > a{

	font-size: 18px;

	line-height: 1.5em;

	display: block;

}

.tab-content > .nav-tabs > li > a {

    border: 0;

    margin-right: 0;

    color: #737373;

    font-size: 2.2rem;
    
	padding: 10px;

	text-decoration: none;

}

.tab-content > .nav-tabs > li > a:hover {

    border: 0;

    margin-right: 0;

    color: #000;

	font-weight: 500;

	font-size: 2.2rem;

	padding: 10px;

	text-decoration: none;

}


.tab-content>.tab-pane {

    display: none;

}

.tab-content>.active {

    display: block;

}



.download-list{

	display: flex;

	justify-content: flex-end;align-items: center;

	position: relative;

	/*float: right;*/

	/*padding-bottom: 40px;*/

}



.download-list a{

	display: flex;

	justify-content: center;align-items: center;

	font-size: 16px;

	color: rgba(232, 129, 0, 1);

	margin:0 .5em;

	font-weight: 500;

}



.download-list a i{width: 30px;height: 30px;margin-right: .5em}



.download-list a:hover{

	color: rgba(232, 129, 0, .5);

}



.awards-list{

	margin-top: 2rem;

	display: flex;

	justify-content: flex-start;align-items: center;

}

.awards-list li{margin-right: 5px;    height: 100px;}

.awards-list li img{height: 100%; width: auto;}

.product-pages,.products-pics{position: relative;}

.product-pages{margin-top: 10px;}

.products-pics .swiper-button-next{

	color: rgba(203, 204, 204, 1);

	height: auto;

	right: 0;

	top: 50%;

	transform: translate(150%,-50%);

	margin-top: 0;

}



.products-pics .swiper-button-prev{

	color: rgba(203, 204, 204, 1);

	height: auto;

	margin-top: 0;

	left: 0;

	transform: translate(-150%,-50%);

}

.swiper-container-thumbs .swiper-slide{cursor: pointer;}

.swiper-container-thumbs .swiper-slide:hover:after,.swiper-container-thumbs .swiper-slide.swiper-slide-thumb-active::after{

	background: rgb(0,0,0,0);

}

.swiper-container-thumbs .swiper-slide::after{

	content: "";

	background: rgb(0,0,0,.5);

	width: 100%;

	height: 100%;

	position: absolute;

	left: 0;

	top: 0;

	-webkit-transition: all 0.3s ease-in-out;

  transition: all 0.3s ease-in-out;

}

.products-pics{border-radius: 2.8rem;overflow: hidden;}

.products-pics img{width: 100%;}

.mb-products-nav-list{display: none;}

@media (max-width: 1024px){

	.products-nav .group-content a,.products-nav > li > a{

		font-size: 20px;

	}

}

@media (max-width: 767px){

	.products-row{flex-direction: column;}

	.product-pages, .products-pics{width: 100%;}

	.products-content{width: 100%;margin-top: 5rem;}

	.products-content h3{font-size: 24px;}

	.products-content > span, .products-id > span,.products-content label, .products-content p{font-size: 16px;}

	.products-content ul li{display: flex;}

	.awards-list li{height: 100px;}

	.products-content label{

		flex-shrink: 0;

	}

	.products-content p{}

	.product-info{padding: 5rem 2.5rem;}

	.download-list{margin-top: 5rem;}

	.download-list a{font-size: 16px;}

	.download-list a i{width: 20px;height: 20px;}

	.products-nav-list{overflow-x: scroll;padding-bottom: 3rem;}

	.products-nav{width: max-content;display: block;}

	.products-nav > li{width: fit-content;display: inline-block;}

	.products-nav > li > a{font-size: 18px;}

	.mb-products-nav-list{display: block;}

	.group-content,.products-nav > li:hover .group-content{display: none;}

	.group-content.active{

		display: block;

	}

	.mb-products-nav-list .group-content a{

		display: inline-block;width: auto;font-size: 16px;

	}

	.product-list .product-wrapper .product-box{width: calc(100% / 2 - 5.6rem)}

}