Upgrade Your QNAP NAS to an Enterprise-Class NDR Center in 3 Minutes! .btn, .btn-info, .agenda-table tr td, .img-link { transition: all 0.3s ease; } .agenda-table tr:hover td { background:#191388 !important; } .agenda-table { border-collapse:collapse !important;} .btn, .info-tb, .btn-yu img { transition: all .3s ease !important; } .btn-yu { transition: all 0.3s ease; } .btn-yu:hover{ transform:scale(1.05) !important; } .btn:hover { background-color:#a5ccaf !important; border:2px solid #a5ccaf !important; box-shadow: none; } .btn-info:hover { background-color:#a5ccaf !important; border:1px solid #a5ccaf !important; } .btn:hover a, .btn-info:hover a { color:#091b18 !important; } .btn:hover a span { color:#091b18 !important; } .info-tb a img:hover { opacity: 0.7 !important; } .ft-btn, .ln-btn { transition: all .3s ease !important; } .ft-btn:hover { background-color:#555555 !important; border:1px solid #555555 !important; } .ft-btn:hover a { color:#ffffff !important; } .ln-btn:hover a { color:#adbed2 !important; } .bt-link img { transition: all .3s ease !important; } .bt-link img:hover { opacity: 0.8 !important; } .info-tb-txt:hover a { color:#a0dcb0 !important; } li::marker { color: #25272d;} .spec-link { transition: all 0.3s ease !important; } .spec-link:hover { background-color: #24474d !important; border-color: #7a9291 !important; color: #ffffff !important; } /* 平板版響應式加強 */ @media screen and (max-width: 1024px){ .sec-pad-bot { padding-bottom: 40px !important; } .mob-pb-20 { padding-bottom: 24px !important; } } /* 手機/平板版響應式 */ @media screen and (max-width: 900px){ table {max-width:100%; width:100%;} .label-tb { width: auto !important; max-width: max-content !important; } .hhh-cell, .shd-row, .shd-cell, .sep-row, .mob-hide { display:none !important; } .art-img img { max-width: 100% !important; height:auto !important; border:0 !important; display:block !important; padding:0 !important; } .hh-table { width:100% !important; max-width:100% !important; margin-top:0 !important; } .hr-be-1 { width:24% !important; } .hr-tt-1 { width:51% !important; } .gap-cell { width: 50px !important; } .border_mob { border-right:0 !important; border-left:0 !important; border-bottom:1px solid #666666 !important; margin: 0 auto !important; } .ft-que, .ft-follow { margin: 0 auto 12px !important; } .ft-follow .ft-icons { width: 50% !important; margin: 0px auto 10px !important; } .ft-que .border_mob, .ft-follow .border_mob { padding-bottom: 20px; } .check-tb { margin: 0px !important; } .check-tb td { border:none !important; text-align: left !important; height: auto !important; } .info-tb { margin-bottom: 25px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; } .info-tb td { border:none !important; text-align: left !important; height: auto !important; } .none_mg { margin:0 !important; } .none_pd { padding:0 !important; } .some_pd { padding-top:20px !important; } .info-tb img { margin: auto !important; } .info-tb-txt { height:auto !important; } .info-tb-txt-lf td { border:none !important; text-align: left !important; } .btn-w { max-width: 90% !important; text-align: center !important; margin: auto !important; } ul li { list-style: none; } .hero-img-cell { padding: 0 0 40px 0 !important; text-align: center !important; } .hero-text-cell { padding-bottom: 10px !important; padding-top: 40px !important; } .hero-img-mob { width: 85% !important; max-width: 450px !important; margin: 0 auto !important; -webkit-border-radius: 20px !important; border-radius: 20px !important; } .mob-pad-0 { padding-bottom: 0 !important; } .mob-pb-20 { padding-bottom: 20px !important; } .sec-pad-bot { padding-bottom: 60px !important; } /* 核心 RWD 堆疊控制：獨立浮動表格轉換為滿版單層 */ .tab-pro { display: table !important; /* 改用 table 而非 block，確保不同字數的卡片在手機版信箱強制 100% 寬度不縮水 */ width: 100% !important; max-width: 100% !important; min-width: 100% !important; box-sizing: border-box !important; margin: 0 auto 24px !important; float: none !important; clear: both !important; } .tab-pro.last-card { margin-bottom: 0 !important; } .card-td { height: auto !important; } } @media screen and (max-width: 768px){ .tit-01 { font-size: 34px !important; line-height: 1.3em !important; } } @media screen and (max-width: 640px){ .gap-cell { width:30px !important; } .hr-tt-1 td { font-size: 23px !important; } .hr-be-1 { width:20% !important; } .hr-tt-1 { width:59% !important; } .tit-04 { font-size: 28px !important; } .tit-01 { font-size: 30px !important; line-height: 1.3em !important; } .tit-02 { font-size: 24px !important; } .tit-03 { font-size: 18px !important; } .tit-03 br { display: none !important; } .tit-pt { margin-top: 0px !important; } .sec-pad-bot { padding-bottom: 40px !important; } .mob-pb-20 { padding-bottom: 16px !important; } } @media screen and (max-width: 480px){ .gap-cell { width:20px !important; } .ft-follow .ft-icons { width: 80% !important; } .tit-04 { font-size: 24px !important; } .tit-01 { font-size: 26px !important; line-height: 1.3em !impo