[id*="custom-html"]{padding:0 !important;}
[id*="hero"] .col-md-5{width: 100%;}
.zyx-tab-content.zyx-product-benefits {padding-top: 0 !important;}
.desktop-block{display: block;}
.mobile-block{display: none;}
.btn--secondary.btn--inverted.border-adjusted{color: #fff !important; border-color: #fff !important;}

/*linecard*/
.line-card-menu {display: flex; justify-content: center;}
.nav-item {margin: 0 1rem !important;}
.nav-item{background: #fff !important; color:#00b2ff !important; border-color:#00b2ff !important;}
.nav-item.active, .nav-item:hover{background: #00b2ff !important; color:#fff !important; border-color:#00b2ff !important;}
.nav-item.active.color-adjusted, .nav-item.color-adjusted:hover, .nav-item.active.border-adjusted, .nav-item.border-adjusted:hover{background: #003eab!important;color:#fff!important; border-color:#003eab!important;}
.nav-item.color-adjusted{background: #fff !important;color:#003eab !important; border-color:#003eab !important;}
.line-card-canvas{position:relative; padding:0 2rem;}
.line-card-canvas .plus-icon{margin:0 auto; text-align:center; display:block;}
.line-card-canvas .material-icons-round{font-size:3rem;}
.line-card-canvas .img-box{position:relative;}
.line-card-canvas .img-box img{display:block; margin:0 auto;}
.line-card-features ul, .line-card-related-products ul{font-size:16px;}
.line-card-related-products{border:1px solid #ccc; border-radius:15px; padding:1rem; position:relative;}
.line-card-related-products h5{margin-top: 0 !important;}
.line-card-related-products img{width: 70%;margin: 0 auto;display: block;}
.line-card-related-products:hover .overlay{opacity:1;}
.line-card-related-products .overlay{position: absolute; padding:1rem; height:100%; width: 100%; left: 0; top: 0;opacity: 0; -webkit-transition: all 0.4s ease-in-out 0s;  -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; color:#252525;background: #fff; border-radius: 15px;}
.line-card-related-products .overlay .btn{margin:0 !important;}
.relate-products-text {font-size: 16px;font-weight: 600;color: #000;}
.sliderDot{margin:0 auto; display:block; text-align:center;}
.sliderDot ul{padding:0! important;}
.sliderDot ul li{list-style:none; display: inline-block; margin:0 10px; position: relative; cursor:pointer;}
.sliderDot .ProgressSpan{background:#ccc; width:10px; height:10px;position: relative; border-radius:50%;}
[class*="border-change"]{background:#222; width:15px; height:15px; border-radius:50%; position:absolute; top:-2px; left:-2px;}


/* Lightbox 背景 */
#lightbox {
display: none; /* 預設隱藏 */
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8);
z-index: 1000;
justify-content: center;
align-items: center;
}
/* Lightbox 內容 */
#lightbox-content {
background-color: white;
padding: 10px;
max-width: 100%;
width: 50%;
text-align: center;
max-height: 90%; /* 設置最大高度為視窗高度的90% */
position: relative;
overflow-y: auto; /* 允許垂直滾動 */
overflow-x:hidden;
}
/* 關閉按鈕 */
.close-btn {
position: absolute;
right: 10px;
top: 10px;
}
#close-lightbox {
cursor: pointer;
font-size: 20px;
width: 30px;
height: 30px;
color: #444;
background:#fff;
border-radius: 50%;
border: 2px solid #444;
display: flex;
justify-content: center;
align-items: center;
}

@media (max-width: 1100px) {
#lightbox-content{width:85%;}
}

@media (max-width: 500px){
	.line-card-features{position:relative;}
    .desktop-block{display: none;}
    .mobile-block{display: block;}
    /* Dropdown */
    .dropbtn.btn {cursor: pointer; display: flex;margin: 0;}
    .dropdown {position: relative; display: inline-block; }
    .dropdown-lineCard {display: none; position: absolute;  background-color: #f1f1f1; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; opacity: 1; padding: 10px; top: auto;}
    .dropdown-lineCard div {color: black; padding: 10px 0; text-decoration: none; display: block; cursor: pointer;}
    .show {display: block;}
}