@charset "UTF-8";body::-webkit-scrollbar{display:none}.breadcrumb>li a{color:#777}.breadcrumb>li.active{color:#000}.sub-box-1{display:grid;grid-template-columns:1fr 3fr;gap:clamp(2rem,5vw,6rem)}.sub-left{display:flex;flex-direction:column;gap:1.5rem}.sub-left img{width:100%;aspect-ratio:4/3;object-fit:cover}.btn-nav svg{width:24px;height:24px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.btn-zoom svg{width:18px;height:18px;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.btn-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border-radius:50%;width:50px;height:50px;color:#fff;z-index:1000;transition:all .3s}.btn-nav:hover{background:#ffffff4d;transform:translateY(-50%) scale(1.1)}.prev-btn{left:10%}.next-btn{right:10%}.zoom-controls{position:absolute;bottom:20px;left:50%;transform:translate(-50%);background:#0009;padding:8px 16px;border-radius:30px;display:flex;align-items:center;gap:15px;z-index:1000}.btn-zoom{color:#fff;padding:5px 10px;transition:all .3s}.btn-zoom:hover{color:#0f0;transform:scale(1.1)}.zoom-percentage{color:#fff;min-width:60px;text-align:center;font-size:.9em}.image-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.zoom-image{max-width:100%;max-height:100%;transition:transform .3s ease-out;cursor:grab}.zoom-image:active{cursor:grabbing}.bottom-line{border-bottom:1px solid #bbbbbb}.left-btn{display:flex;gap:1rem;justify-content:center}.sub-box-1 .sub-left .left-btn>button{min-width:30%;max-width:200px;padding:1em .5em;font-size:clamp(14px,3vw,14px);margin:20px;color:#101010;border:1px solid #CCCCCC;border-radius:5px;background-color:#fff}.sub-box-1 .sub-left .left-btn>button.QUOTE{color:#fff;border:none;background-color:#0f40f5}@media only screen and (max-width: 768px){.left-btn{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.left-btn>button{min-width:45%;max-width:200px;padding:1em .5em;font-size:clamp(14px,3vw,14px);margin:0!important}.sub-box-1{display:flex;flex-direction:column;grid-template-columns:1fr}.sub-box-1 .sub-right{margin-left:0}.sub-box-1 .sub-right .ri-con{font-size:16px}}@media only screen and (max-width: 480px){.left-btn{gap:.8rem}.left-btn>button{min-width:48%;padding:.8em .5em}}.sub-left .pc-app-list{margin-top:2rem;border:1px solid #eee;border-radius:8px;padding:1rem}.sub-left .pc-app-list .list-title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;color:#333}.sub-left .pc-app-list .app-link{display:block;padding:.8rem;margin:.5rem 0;border-radius:5px;color:#444;transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-left .pc-app-list .app-link:hover{background:#f8f9fa;transform:translate(5px)}@media (max-width: 768px){.sub-left .pc-app-list{display:none}}.mobile-sidebar-toggle{display:none;position:fixed;left:0;top:370px;z-index:1000;width:40px;height:40px;background:#ffffffe6;border:1px solid #ddd;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a}@media (max-width: 768px){.mobile-sidebar-toggle{display:block}}.mobile-sidebar-toggle svg{width:100%;height:100%;stroke-width:2}.mobile-apps-sidebar{position:fixed;left:-250px;top:0;width:250px;height:100vh;background:#fff;z-index:1001;box-shadow:2px 0 12px #0000001a;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.mobile-apps-sidebar .sidebar-header{padding:1rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.mobile-apps-sidebar .sidebar-header h5{margin:0;font-size:1.1rem}.mobile-apps-sidebar .sidebar-header .sidebar-close{width:32px;height:32px;border:none;background:none;padding:5px}.mobile-apps-sidebar .sidebar-header .sidebar-close svg{width:100%;height:100%;stroke:#666;stroke-width:2}.mobile-apps-sidebar .app-list{flex:1;overflow-y:auto;padding:.5rem}.mobile-apps-sidebar .app-list .app-link{display:block;padding:.75rem;margin:.25rem 0;border-radius:6px;color:#444;text-decoration:none;transition:all .2s ease;font-size:.95rem}.mobile-apps-sidebar .app-list .app-link:hover{background:#f5f5f5}.mobile-apps-sidebar.active{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.mobile-apps-sidebar .mobile-app-list{flex:1;overflow-y:auto;padding:.5rem}.mobile-apps-sidebar .mobile-app-list .app-link{display:block;padding:.75rem;margin:.25rem 0;border-radius:6px;color:#444;text-decoration:none;transition:all .2s ease;font-size:.95rem}.mobile-apps-sidebar .mobile-app-list .app-link:hover{background:#f5f5f5}@media (max-width: 768px){.pc-app-list{display:none!important}}@media (min-width: 769px){.mobile-apps-sidebar{display:none!important}}
