.productsPage{min-height:100vh}.productsPage .header{display:flex;justify-content:center;align-items:center;width:100%;height:300px;overflow:hidden}.productsPage .header img{width:100%;height:auto}.productsPage .pageContent{max-width:1400px}.productsPage .pageContent .pageTitle{padding:30px 10px;margin-right:15px}.productsPage .pageContent .pageTitle .mainTitle{font-size:2.4rem}.productsPage .pageContent .pageTitle .mainTitle svg{width:45px;height:45px;margin-right:12px}.productsPage .pageContent .pageTitle>span{margin-bottom:.55rem}.productsPage .pageContent .divider{width:100%;height:0;border-bottom:1px solid #d3d3d3}.productsPage .pageContent .tabButtonBar{display:flex;justify-content:center}.productsPage .pageContent .tabButtonBar .btn-tab{padding:12px 30px;border:1px solid var(--cyberstar-gray);margin:0 8px;border-radius:6px;background:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:.3s}.productsPage .pageContent .tabButtonBar .btn-tab:hover{transform:scale(1.05)}.productsPage .pageContent .tabButtonBar .btn-tab.selected{background:var(--cyberstar-blue-btn-hover);color:#fff;border:1px solid var(--cyberstar-blue-btn)}.productsPage .pageContent .productTab .product-item{border-radius:6px;padding-bottom:30px;overflow:hidden;transition:.3s;cursor:pointer}.productsPage .pageContent .productTab .product-item .imageBox{position:relative;width:100%;line-height:0}.productsPage .pageContent .productTab .product-item .imageBox>img{width:100%;height:auto}.productsPage .pageContent .productTab .product-item .imageBox .overlay{display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.6);opacity:0;transition:.3s}.productsPage .pageContent .productTab .product-item .imageBox .overlay>svg{width:60px;height:60px;color:#fff}.productsPage .pageContent .productTab .product-item .product-title{padding-top:10px;font-size:1.3rem;font-weight:700}.productsPage .pageContent .productTab .product-item:hover{transform:scale(1.05)}.productsPage .pageContent .productTab .product-item:hover .imageBox .overlay{opacity:1}.productsPage .pageContent .trialTab .trialItem{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:400px;padding:15px 25px;margin-bottom:15px;color:#fff;background-repeat:no-repeat;background-size:cover;background-position:50%}.productsPage .pageContent .trialTab .trialItem .title{font-size:1.8rem;font-weight:700;margin-bottom:15px}.productsPage .pageContent .trialTab .trialItem .remark{color:var(--cyberstar-yellow);font-size:1rem;margin-bottom:3px}.productsPage .pageContent .trialTab .trialItem .content{margin-bottom:30px;text-align:center;line-height:2rem}.productsPage .pageContent .trialTab .trialItem.punchClock{background-image:url(/images/products-bg-punchClock.webp)}.productsPage .pageContent .trialTab .trialItem.pos{background-image:url(/images/products-bg-pos.webp)}.productsPage .pageContent .trialTab .trialItem.appCyberstar{background-image:url(/images/products-bg-cloudCenter.webp)}.productsPage .pageContent .contactBox{width:100%;max-width:600px}.productsPage .pageContent .contactBox .label{margin-right:8px;font-weight:700;margin-bottom:3px}.productsPage .pageContent .contactBox input,.productsPage .pageContent .contactBox textarea{padding:8px;font-size:1rem}.productsPage .pageContent .contactBox .msg-formError{font-size:.7rem;color:var(--mui-palette-error-main)}.productsPage .pageContent .contactBox .btn-submit{width:220px;padding:12px 20px;border:0;border-radius:4px;margin:auto;background:var(--cyberstar-blue-btn);color:#fff;transition:.2s;cursor:pointer}.productsPage .pageContent .contactBox .btn-submit:hover{background:var(--cyberstar-blue-btn-hover);transform:scale(1.05)}.productsPage .pageContent .btn-linkto{display:flex;justify-content:center;align-items:center;padding:8px 15px;border:0;border-radius:6px;background:var(--cyberstar-blue-btn);color:#fff;transition:.3s;cursor:pointer}.productsPage .pageContent .btn-linkto:hover{background:var(--cyberstar-blue-btn-hover);transform:scale(1.05)}.productsDialog .productDialog-icon{width:170px;height:auto;margin:auto}.productsDialog .productDialog-title{font-size:1.8rem;font-weight:700;text-align:center}.productsDialog .divider{width:100%;height:0;border-bottom:1px solid #d3d3d3}.productsDialog .productDialog-content{padding:0 8px}.productsDialog .productDialog-tag{padding:0 8px;margin-top:10px;font-size:.85rem;color:var(--cyberstar-blue)}@media screen and (max-width:768px){.productsPage .pageContent .tabButtonBar{justify-content:start;flex-wrap:wrap}.productsPage .pageContent .tabButtonBar .btn-tab{min-width:120px;padding:8px 10px;margin:0 5px 8px 0}}.btn-goTop{display:flex;justify-content:center;align-items:center;position:fixed;bottom:5px;right:10px;width:50px;height:50px;border-radius:999px;background:var(--cyberstar-blue-btn);cursor:pointer;color:#fff;opacity:0;pointer-events:none;transition:.2s;transform:rotate(-180deg)}.btn-goTop svg{width:70%;height:70%;transition:.2s}.btn-goTop:hover{background:var(--cyberstar-blue-btn-hover);transform:scale(1.05)}.btn-goTop:hover svg{margin-bottom:8px}.btn-goTop.show{opacity:1;bottom:15px;pointer-events:auto;transform:rotate(0deg)}.loading{display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.3rem;color:#fff;opacity:.5}.btn-mainMenu{position:fixed;top:15px;right:10px;width:45px;height:45px;padding:8px;border:0;border-radius:4px;background-color:rgba(0,0,0,.6);cursor:pointer;z-index:99999}.btn-mainMenu,.btn-mainMenu .icon-mainMenu,.btn-mainMenu .icon-mainMenu-close{transition:.3s}.btn-mainMenu .icon-mainMenu-close.disable,.btn-mainMenu .icon-mainMenu.disable{display:none}.btn-mainMenu:hover .icon-mainMenu,.btn-mainMenu:hover .icon-mainMenu-close{transform:scale(1.05)}.overlay{position:fixed;width:100%;height:100%;pointer-events:none;z-index:100;transition:.3s}.overlay.show{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.mainMenu{display:flex;flex-direction:column;position:fixed;top:0;right:-270px;width:270px;height:100%;padding:30px 25px;background-color:rgba(0,0,0,.8);color:#fff;z-index:99998;transition:.2s}.mainMenu.show{right:0}.mainMenu .title{font-size:1.6rem;margin-bottom:15px}.mainMenu .menuItem{display:flex;align-items:center;width:100%;min-width:220px;padding:15px 0;margin:5px 0;font-size:1.2rem;color:#fff;text-decoration:none;cursor:pointer;transition:.2s}.mainMenu .menuItem:after{content:"";display:block;position:absolute;left:0;bottom:0;width:0;height:0;border-bottom:1px solid #fff;transition:.2s}.mainMenu .menuItem:hover{transform:scale(1.05)}.mainMenu .menuItem:hover:after{width:60%}.mainMenu .menuItem svg{margin-right:15px}.footer{position:relative;width:100%;padding:15px 10px;background:var(--cyberstar-black);color:#fff;overflow:visible}.footer:before{content:"";display:block;position:absolute;bottom:100%;left:calc(50% - 30px);width:0;height:0;border-style:solid;border-width:0 30px 20px;border-color:transparent transparent var(--cyberstar-black) transparent}