@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;400;700;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700;900&display=swap);.fp-chat-launcher{position:fixed;top:80vh;right:calc(3% + 62px);width:50px;height:50px;padding:0;border:3px solid #fff;border-radius:50%;background-color:#1976d2;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;opacity:.85;transition:opacity .3s;box-sizing:border-box}.fp-chat-launcher:hover{opacity:1}.fp-chat-launcher svg{fill:currentColor}.fp-chat-panel{position:fixed;z-index:10001;right:3%;bottom:calc(20vh + 8px);width:min(400px,calc(100vw - 24px));max-height:min(600px,calc(80vh - 24px));display:none;flex-direction:column;box-sizing:border-box;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.2);background:#fff}.fp-chat-panel.fp-chat-panel--open{display:flex;height:min(600px,calc(80vh - 24px))}.fp-chat-panel-header{flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:4px 6px;background:#f5f5f5;border-bottom:1px solid #e0e0e0}.fp-chat-panel-close{width:36px;height:36px;padding:0;border:none;border-radius:4px;background:transparent;color:#555;font-size:16px;line-height:1;cursor:pointer}.fp-chat-panel-close:hover{background:#e0e0e0}.fp-chat-panel-inner{flex:1 1 auto;min-height:0;overflow:hidden;position:relative}.fp-chat-panel-inner iframe{display:block;width:100%;height:100%;border:0;font-size:16px}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font-family:inherit;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}html{overflow-y:scroll}html::-webkit-scrollbar-track{box-shadow:inset 0 0 10px rgba(174,117,228,.664);background-color:initial}html::-webkit-scrollbar{width:10px}html::-webkit-scrollbar-thumb{background-color:#5d1d88}:root{overflow-y:auto;overflow-x:hidden}:root body{position:absolute}body{font-family:"Roboto","Noto Sans TC",sans-serif;width:100%;overflow:hidden;padding-right:0!important;margin-top:50px;background-color:#f1f2fb}@media (max-width:570px){body{margin-top:50px}}.formContainer,.loginContainer,.mainContainer,.signUpContainer,.WebMap_section{width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column}.formContainer .formBody,.formContainer .mainBody,.loginContainer .mainBody,.mainContainer .mainBody,.signUpContainer .mainBody,.WebMap_section .mainBody,.WebMap_section .WebMap_body{width:60vw}.buy-point-page .buyPointsBody,.loginContainer,.main-content,.signUpContainer{min-height:calc(100vh - 82px)}.secondary-content{min-height:65vh}#footer{height:32px;line-height:1.5}#page-loader-container{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:row}#page-loader-container>div{width:120px;height:120px}.fw-bolder{font-weight:bolder}.fw-bold{font-weight:700}.MuiFormHelperText-root.Mui-error{color:red!important}.dataset-list .fieldset{margin-left:auto;margin-right:auto}.dataset-list .fieldset+.fieldset{margin-top:36px}.dataset-list .title{display:flex;justify-content:flex-start;align-items:center;font-size:20px;font-weight:600;margin-bottom:16px}.dataset-list .title:before{width:10px;height:20px;background-color:#5a36a1;margin-right:5px;content:""}.dataset-list .properties{font-size:16px;padding-left:15px;display:flex;flex-direction:column;grid-row-gap:12px;row-gap:12px}.dataset-list .properties .property{display:flex;grid-column-gap:12px;column-gap:12px;min-height:24px}.dataset-list .properties .property .property-name{width:120px;display:flex;align-items:center;font-weight:700}.dataset-list .properties .property .property-value{display:flex;align-items:center;grid-gap:8px;gap:8px}.custom-link-button{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;padding:0}.custom-link-button:hover{background-color:#7148c2}.custom-link-button a{display:block;text-decoration:none;color:#fff;padding:10px}.swal-modal.device-binding-hint .swal-text{text-align:left;line-height:2}.home-page{background-color:#fff}.home-page .carousel-display{height:0;overflow:hidden;transition:all 2s}.home-page .carousel-display--on{height:550px}@media (min-width:1920px){.home-page .carousel-display--on{height:1000px}}@media (max-width:770px){.home-page .carousel-display--on{height:515px}}@media (max-width:570px){.home-page .carousel-display--on{height:300px}}@media (max-width:320px){.home-page .carousel-display--on{height:220px}}.home-page .title-tab{max-width:300px;font-size:1.3rem;font-weight:700;border-radius:5px;padding:10px;margin-left:-30px;text-align:center;background-color:#4f308e;color:#fff}.home-page .banner-row{width:100%;display:flex;justify-content:center}.home-page .banner{background:#fff;overflow:hidden;padding:0}.home-page .banner__logo{margin:-120px 0;transform:translateX(-120px)}@media (max-width:991px){.home-page .banner__logo{margin:-80px 0}}@media (max-width:767px){.home-page .banner__logo{margin:-160px 0}}@media (max-width:599px){.home-page .banner__logo{margin:-190px 0;transform:translateX(0)}}@media (max-width:570px){.home-page .banner__logo{margin:-110px 0;transform:translateX(0)}}.home-page .banner__logo img{width:100%}.home-page .banner__title{color:#f7f7fd}.home-page .banner__title span{color:#ff0}@media (max-width:1199px){.home-page .banner__title span{display:block;margin-bottom:1rem}}@media (max-width:570px){.home-page .banner__title span{display:unset;margin-bottom:0}}.home-page .banner__title h2{font-size:2.3rem;font-weight:700;margin-bottom:20px}.home-page .banner__title p{line-height:1.5;font-size:1.3rem;word-break:keep-all}.home-page .banner__title__bottom{margin-left:7.5rem;margin-top:1rem}@media (max-width:1199px){.home-page .banner__title__bottom{margin-left:0}}.home-page .banner__title .try-btn{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;transition:.2s ease-in-out;width:100%;border-color:#ac95db #3a2368 #3a2368 #ac95db;border-style:solid;border-width:1px}.home-page .banner__title .try-btn:hover{background-color:#7148c2;border-top-color:#ac95db;border-left-color:#ac95db}.home-page .banner__title .try-btn a{text-decoration:none;display:block;color:#fff}.home-page .banner__img{padding-left:7rem;padding-top:1rem}.home-page .banner__img img{aspect-ratio:1;height:120px}@media (max-width:768px){.home-page .banner__space{display:none}}.home-page .banner__video-container{position:relative;padding-top:56.25%}.home-page .banner__video-container .video-player{width:100%!important;height:100%!important;position:absolute;top:0;left:0}.buy-point-page .home-page .buyPointsBody,.home-page .buy-point-page .buyPointsBody,.home-page .loginContainer,.home-page .main-content,.home-page .signUpContainer{padding:0;min-height:unset}.buy-point-page .home-page .buyPointsBody .product-feature__title,.home-page .buy-point-page .buyPointsBody .product-feature__title,.home-page .loginContainer .product-feature__title,.home-page .main-content .product-feature__title,.home-page .signUpContainer .product-feature__title{font-size:3rem;font-weight:700;text-align:center;margin:40px auto;word-break:keep-all;line-height:1.2}@media (max-width:515px){.buy-point-page .home-page .buyPointsBody .product-feature__title,.home-page .buy-point-page .buyPointsBody .product-feature__title,.home-page .loginContainer .product-feature__title,.home-page .main-content .product-feature__title,.home-page .signUpContainer .product-feature__title{font-size:2.5rem}}.buy-point-page .home-page .buyPointsBody .product-feature__sub-title,.home-page .buy-point-page .buyPointsBody .product-feature__sub-title,.home-page .loginContainer .product-feature__sub-title,.home-page .main-content .product-feature__sub-title,.home-page .signUpContainer .product-feature__sub-title{font-size:1.8rem;font-weight:700;text-align:center;margin:24px auto;word-break:keep-all;line-height:1.2}.buy-point-page .home-page .buyPointsBody .product-feature__sub-title span:nth-child(2),.home-page .buy-point-page .buyPointsBody .product-feature__sub-title span:nth-child(2),.home-page .loginContainer .product-feature__sub-title span:nth-child(2),.home-page .main-content .product-feature__sub-title span:nth-child(2),.home-page .signUpContainer .product-feature__sub-title span:nth-child(2){color:red;padding:0 10px}@media (max-width:450px){.buy-point-page .home-page .buyPointsBody .product-feature__sub-title,.home-page .buy-point-page .buyPointsBody .product-feature__sub-title,.home-page .loginContainer .product-feature__sub-title,.home-page .main-content .product-feature__sub-title,.home-page .signUpContainer .product-feature__sub-title{font-size:1.4rem}}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container,.home-page .loginContainer .product-feature__feature-container,.home-page .main-content .product-feature__feature-container,.home-page .signUpContainer .product-feature__feature-container{display:flex;flex-wrap:wrap;padding-bottom:60px;justify-content:space-around}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature,.home-page .loginContainer .product-feature__feature-container__feature,.home-page .main-content .product-feature__feature-container__feature,.home-page .signUpContainer .product-feature__feature-container__feature{display:flex;flex-direction:column;align-items:center;padding:0 20px;border-radius:5px}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature img,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature img,.home-page .loginContainer .product-feature__feature-container__feature img,.home-page .main-content .product-feature__feature-container__feature img,.home-page .signUpContainer .product-feature__feature-container__feature img{width:90%}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature img,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature img,.home-page .loginContainer .product-feature__feature-container__feature img,.home-page .main-content .product-feature__feature-container__feature img,.home-page .signUpContainer .product-feature__feature-container__feature img{width:60%}}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__content,.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__title,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__title,.home-page .loginContainer .product-feature__feature-container__feature__content,.home-page .loginContainer .product-feature__feature-container__feature__title,.home-page .main-content .product-feature__feature-container__feature__content,.home-page .main-content .product-feature__feature-container__feature__title,.home-page .signUpContainer .product-feature__feature-container__feature__content,.home-page .signUpContainer .product-feature__feature-container__feature__title{display:inline-block;font-size:2.5rem;font-weight:700;padding:5px 20px;margin:10px 0;word-break:keep-all}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__content span:nth-child(2),.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__title span:first-child,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__content span:nth-child(2),.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__title span:first-child,.home-page .loginContainer .product-feature__feature-container__feature__content span:nth-child(2),.home-page .loginContainer .product-feature__feature-container__feature__title span:first-child,.home-page .main-content .product-feature__feature-container__feature__content span:nth-child(2),.home-page .main-content .product-feature__feature-container__feature__title span:first-child,.home-page .signUpContainer .product-feature__feature-container__feature__content span:nth-child(2),.home-page .signUpContainer .product-feature__feature-container__feature__title span:first-child{color:red}.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .loginContainer .product-feature__feature-container__feature__content,.home-page .main-content .product-feature__feature-container__feature__content,.home-page .signUpContainer .product-feature__feature-container__feature__content{width:100%;text-align:center;font-size:1.8rem;word-break:break-word;white-space:pre-wrap;line-height:1.5;margin-top:5px}@media (max-width:991px){.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .loginContainer .product-feature__feature-container__feature__content,.home-page .main-content .product-feature__feature-container__feature__content,.home-page .signUpContainer .product-feature__feature-container__feature__content{font-size:1.3rem}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature__content,.home-page .loginContainer .product-feature__feature-container__feature__content,.home-page .main-content .product-feature__feature-container__feature__content,.home-page .signUpContainer .product-feature__feature-container__feature__content{font-size:1.8rem}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-feature__feature-container__feature,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container__feature,.home-page .loginContainer .product-feature__feature-container__feature,.home-page .main-content .product-feature__feature-container__feature,.home-page .signUpContainer .product-feature__feature-container__feature{margin-bottom:40px}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-feature__feature-container,.home-page .buy-point-page .buyPointsBody .product-feature__feature-container,.home-page .loginContainer .product-feature__feature-container,.home-page .main-content .product-feature__feature-container,.home-page .signUpContainer .product-feature__feature-container{padding-bottom:0}}.buy-point-page .home-page .buyPointsBody .product-application__title,.home-page .buy-point-page .buyPointsBody .product-application__title,.home-page .loginContainer .product-application__title,.home-page .main-content .product-application__title,.home-page .signUpContainer .product-application__title{font-size:3rem;font-weight:700;text-align:center;margin:40px auto;word-break:keep-all;line-height:1.2}@media (max-width:515px){.buy-point-page .home-page .buyPointsBody .product-application__title,.home-page .buy-point-page .buyPointsBody .product-application__title,.home-page .loginContainer .product-application__title,.home-page .main-content .product-application__title,.home-page .signUpContainer .product-application__title{font-size:2.5rem}}.buy-point-page .home-page .buyPointsBody .product-application__product-container,.home-page .buy-point-page .buyPointsBody .product-application__product-container,.home-page .loginContainer .product-application__product-container,.home-page .main-content .product-application__product-container,.home-page .signUpContainer .product-application__product-container{display:flex;flex-wrap:wrap;padding-bottom:60px;justify-content:space-around}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product,.home-page .loginContainer .product-application__product-container__product,.home-page .main-content .product-application__product-container__product,.home-page .signUpContainer .product-application__product-container__product{display:flex;flex-direction:column;align-items:center;padding:0 20px;border-radius:5px}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product img,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product img,.home-page .loginContainer .product-application__product-container__product img,.home-page .main-content .product-application__product-container__product img,.home-page .signUpContainer .product-application__product-container__product img{width:90%}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product img,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product img,.home-page .loginContainer .product-application__product-container__product img,.home-page .main-content .product-application__product-container__product img,.home-page .signUpContainer .product-application__product-container__product img{width:60%}}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__name,.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__sub-title,.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__title,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__name,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__title,.home-page .loginContainer .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__name,.home-page .loginContainer .product-application__product-container__product__sub-title,.home-page .loginContainer .product-application__product-container__product__title,.home-page .main-content .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__name,.home-page .main-content .product-application__product-container__product__sub-title,.home-page .main-content .product-application__product-container__product__title,.home-page .signUpContainer .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__name,.home-page .signUpContainer .product-application__product-container__product__sub-title,.home-page .signUpContainer .product-application__product-container__product__title{display:inline-block;font-size:2.5rem;font-weight:700;padding:5px 20px;margin:10px 0;word-break:keep-all}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__name,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__name,.home-page .loginContainer .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__name,.home-page .main-content .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__name,.home-page .signUpContainer .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__name{color:#8b8681}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .loginContainer .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__sub-title,.home-page .main-content .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__sub-title,.home-page .signUpContainer .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__sub-title{width:100%;text-align:center;font-size:1.3rem;word-break:break-word}@media (max-width:1198px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .loginContainer .product-application__product-container__product__sub-title,.home-page .main-content .product-application__product-container__product__sub-title,.home-page .signUpContainer .product-application__product-container__product__sub-title{height:51px}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__sub-title,.home-page .loginContainer .product-application__product-container__product__sub-title,.home-page .main-content .product-application__product-container__product__sub-title,.home-page .signUpContainer .product-application__product-container__product__sub-title{height:auto}}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__content{white-space:pre-wrap;line-height:1.5;font-size:1rem;margin-top:5px;height:85px;display:flex;align-items:center;justify-content:center}@media (max-width:1198px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__content{height:82px}}@media (max-width:992px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__content{font-size:.9rem}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__content,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__content,.home-page .loginContainer .product-application__product-container__product__content,.home-page .main-content .product-application__product-container__product__content,.home-page .signUpContainer .product-application__product-container__product__content{height:auto;font-size:1rem}}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__button,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__button,.home-page .loginContainer .product-application__product-container__product__button,.home-page .main-content .product-application__product-container__product__button,.home-page .signUpContainer .product-application__product-container__product__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__button:hover,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__button:hover,.home-page .loginContainer .product-application__product-container__product__button:hover,.home-page .main-content .product-application__product-container__product__button:hover,.home-page .signUpContainer .product-application__product-container__product__button:hover{background-color:#7148c2}.buy-point-page .home-page .buyPointsBody .product-application__product-container__product__button a,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product__button a,.home-page .loginContainer .product-application__product-container__product__button a,.home-page .main-content .product-application__product-container__product__button a,.home-page .signUpContainer .product-application__product-container__product__button a{color:#fff}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-application__product-container__product,.home-page .buy-point-page .buyPointsBody .product-application__product-container__product,.home-page .loginContainer .product-application__product-container__product,.home-page .main-content .product-application__product-container__product,.home-page .signUpContainer .product-application__product-container__product{margin-bottom:40px}}@media (max-width:767px){.buy-point-page .home-page .buyPointsBody .product-application__product-container,.home-page .buy-point-page .buyPointsBody .product-application__product-container,.home-page .loginContainer .product-application__product-container,.home-page .main-content .product-application__product-container,.home-page .signUpContainer .product-application__product-container{padding-bottom:0}}.buy-point-page .home-page .buyPointsBody .modeling-example,.home-page .buy-point-page .buyPointsBody .modeling-example,.home-page .loginContainer .modeling-example,.home-page .main-content .modeling-example,.home-page .signUpContainer .modeling-example{padding-bottom:30px}.buy-point-page .home-page .buyPointsBody .modeling-example a,.home-page .buy-point-page .buyPointsBody .modeling-example a,.home-page .loginContainer .modeling-example a,.home-page .main-content .modeling-example a,.home-page .signUpContainer .modeling-example a{text-decoration:none;display:block;color:#fff}.buy-point-page .home-page .buyPointsBody .modeling-example .title-tab,.home-page .buy-point-page .buyPointsBody .modeling-example .title-tab,.home-page .loginContainer .modeling-example .title-tab,.home-page .main-content .modeling-example .title-tab,.home-page .signUpContainer .modeling-example .title-tab{max-width:unset;width:400px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.buy-point-page .home-page .buyPointsBody .modeling-example .title-tab div,.home-page .buy-point-page .buyPointsBody .modeling-example .title-tab div,.home-page .loginContainer .modeling-example .title-tab div,.home-page .main-content .modeling-example .title-tab div,.home-page .signUpContainer .modeling-example .title-tab div{margin-left:20px;color:#5a36a1;background-color:#fff;padding:5px 20px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card,.home-page .loginContainer .modeling-example .example-card,.home-page .main-content .modeling-example .example-card,.home-page .signUpContainer .modeling-example .example-card{width:100%;padding:40px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__img,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__img,.home-page .loginContainer .modeling-example .example-card__img,.home-page .main-content .modeling-example .example-card__img,.home-page .signUpContainer .modeling-example .example-card__img{width:90%;padding:40px;margin:0 auto;border-radius:50%;border:4px solid #5a36a1}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__img img,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__img img,.home-page .loginContainer .modeling-example .example-card__img img,.home-page .main-content .modeling-example .example-card__img img,.home-page .signUpContainer .modeling-example .example-card__img img{width:100%}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro,.home-page .loginContainer .modeling-example .example-card__intro,.home-page .main-content .modeling-example .example-card__intro,.home-page .signUpContainer .modeling-example .example-card__intro{margin:auto 0;padding:0}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__title,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__title,.home-page .loginContainer .modeling-example .example-card__intro__title,.home-page .main-content .modeling-example .example-card__intro__title,.home-page .signUpContainer .modeling-example .example-card__intro__title{text-align:center;font-size:2rem;color:#5a36a1;font-weight:700}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .loginContainer .modeling-example .example-card__intro__content,.home-page .main-content .modeling-example .example-card__intro__content,.home-page .signUpContainer .modeling-example .example-card__intro__content{font-size:1.3rem;font-weight:700;color:#5a36a1;line-height:1.5;padding:20px 80px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__button,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__button,.home-page .loginContainer .modeling-example .example-card__intro__button,.home-page .main-content .modeling-example .example-card__intro__button,.home-page .signUpContainer .modeling-example .example-card__intro__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__button:hover,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__button:hover,.home-page .loginContainer .modeling-example .example-card__intro__button:hover,.home-page .main-content .modeling-example .example-card__intro__button:hover,.home-page .signUpContainer .modeling-example .example-card__intro__button:hover{background-color:#7148c2}.home-page .home-video{padding-bottom:60px}.home-page .home-video__title{font-size:3rem;font-weight:700;text-align:center;margin:40px auto;word-break:keep-all;line-height:1.2}@media (max-width:515px){.home-page .home-video__title{font-size:2.5rem}}@media (max-width:428px){.home-page .home-video__title{font-size:2rem}}.home-page .home-video__sub-title{font-size:1.5rem;font-weight:700;text-align:center;margin:24px auto;word-break:keep-all;line-height:1.2}@media (max-width:428px){.home-page .home-video__sub-title{font-size:1.2rem}}.home-page .use‑situation-container{border-left:3px solid #5a36a1;padding:60px 0 50px 50px}.home-page .use‑situation-container .use‑situation-card{min-height:306px;position:relative;margin-right:50px;margin-bottom:100px}.home-page .use‑situation-container .use‑situation-card__topic{border-radius:5px;background-color:#f1f2fb;font-weight:700;font-size:24px;color:#5a36a1;padding:10px 30px}.home-page .use‑situation-container .use‑situation-card__content{display:flex;padding-top:30px;padding-left:30px}.home-page .use‑situation-container .use‑situation-card__text-area{width:60%;color:#424547}.home-page .use‑situation-container .use‑situation-card__text-area__title{font-weight:700;font-size:18px;margin-bottom:10px}.home-page .use‑situation-container .use‑situation-card__text-area__content{line-height:1.5;margin-bottom:20px}.home-page .use‑situation-container .use‑situation-card__img-area{position:absolute;right:-50px;bottom:-30px}.home-page .use‑situation-container .use‑situation-card__img-area img{width:180px}.home-page .pricing-page{padding-top:0;padding-bottom:60px}.home-page .pricing-page .title-tab{margin-left:-45px!important}.home-page .pricing-page .price-intro__bg__content,.home-page .pricing-page .pricing-topic{padding:0}.home-page .pricing-page .price-intro__bg__content .intro-detail{margin-left:-45px}@media (max-width:770px){.home-page .banner__title{padding-top:30px}.home-page .banner__title h2{font-size:24px}.home-page .banner__title .try-btn{width:100%}.buy-point-page .home-page .buyPointsBody .product-feature .feature-card-container .feature-card__title,.home-page .buy-point-page .buyPointsBody .product-feature .feature-card-container .feature-card__title,.home-page .loginContainer .product-feature .feature-card-container .feature-card__title,.home-page .main-content .product-feature .feature-card-container .feature-card__title,.home-page .signUpContainer .product-feature .feature-card-container .feature-card__title{font-size:1.3rem}.buy-point-page .home-page .buyPointsBody .product-feature .feature-card-container .feature-card__content,.home-page .buy-point-page .buyPointsBody .product-feature .feature-card-container .feature-card__content,.home-page .loginContainer .product-feature .feature-card-container .feature-card__content,.home-page .main-content .product-feature .feature-card-container .feature-card__content,.home-page .signUpContainer .product-feature .feature-card-container .feature-card__content{font-size:1rem}.buy-point-page .home-page .buyPointsBody .product-application .theme-card,.home-page .buy-point-page .buyPointsBody .product-application .theme-card,.home-page .loginContainer .product-application .theme-card,.home-page .main-content .product-application .theme-card,.home-page .signUpContainer .product-application .theme-card{padding:40px 20px}.buy-point-page .home-page .buyPointsBody .product-application .theme-card__info__title,.home-page .buy-point-page .buyPointsBody .product-application .theme-card__info__title,.home-page .loginContainer .product-application .theme-card__info__title,.home-page .main-content .product-application .theme-card__info__title,.home-page .signUpContainer .product-application .theme-card__info__title{font-size:1.4rem;margin-bottom:10px}.buy-point-page .home-page .buyPointsBody .product-application .theme-card__info__subtitle,.home-page .buy-point-page .buyPointsBody .product-application .theme-card__info__subtitle,.home-page .loginContainer .product-application .theme-card__info__subtitle,.home-page .main-content .product-application .theme-card__info__subtitle,.home-page .signUpContainer .product-application .theme-card__info__subtitle{font-size:1rem;margin-bottom:10px}.buy-point-page .home-page .buyPointsBody .product-application .theme-card__info__content,.home-page .buy-point-page .buyPointsBody .product-application .theme-card__info__content,.home-page .loginContainer .product-application .theme-card__info__content,.home-page .main-content .product-application .theme-card__info__content,.home-page .signUpContainer .product-application .theme-card__info__content{margin-bottom:10px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__img,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__img,.home-page .loginContainer .modeling-example .example-card__img,.home-page .main-content .modeling-example .example-card__img,.home-page .signUpContainer .modeling-example .example-card__img{width:100%}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .loginContainer .modeling-example .example-card__intro__content,.home-page .main-content .modeling-example .example-card__intro__content,.home-page .signUpContainer .modeling-example .example-card__intro__content{padding:20px 30px}.home-page .use‑situation-container{padding:60px 0 100px 30px}.home-page .use‑situation-container .use‑situation-card__topic{font-size:16px;padding:10px 20px}.home-page .use‑situation-container .use‑situation-card__content{padding-top:20px;padding-left:20px;font-size:14px}.home-page .use‑situation-container .use‑situation-card__text-area__title{font-size:16px;line-height:1.5}.home-page .use‑situation-container .use‑situation-card__img-area img{width:150px}.home-page .pricing-page{background-color:#fff}.home-page .pricing-page .price-intro__bg__content{padding:10px}.home-page .pricing-page .price-intro__bg__content .intro-detail{margin-left:-25px}}@media (max-width:570px){.home-page .title-tab{width:100%!important;max-width:unset;border-radius:0;margin:0 auto;font-size:20px;padding:20px}.home-page .banner-row{justify-content:flex-start}.home-page .banner{padding:30px 0}.home-page .banner__title{padding:0}.home-page .banner__title h2{font-size:1.6rem;margin-bottom:10px;justify-content:center}.home-page .banner__title h2 span{display:unset}.home-page .banner__title p{font-size:1rem;text-align:center}.home-page .banner__title__bottom{margin:10px 0 0}.home-page .banner__img{display:none}.buy-point-page .home-page .buyPointsBody,.home-page .buy-point-page .buyPointsBody,.home-page .loginContainer,.home-page .main-content,.home-page .signUpContainer{border-left:unset}.buy-point-page .home-page .buyPointsBody .product-feature,.home-page .buy-point-page .buyPointsBody .product-feature,.home-page .loginContainer .product-feature,.home-page .main-content .product-feature,.home-page .signUpContainer .product-feature{padding-top:30px}.buy-point-page .home-page .buyPointsBody .product-feature .feature-card-container,.home-page .buy-point-page .buyPointsBody .product-feature .feature-card-container,.home-page .loginContainer .product-feature .feature-card-container,.home-page .main-content .product-feature .feature-card-container,.home-page .signUpContainer .product-feature .feature-card-container{padding:0 0 20px}.buy-point-page .home-page .buyPointsBody .product-feature .feature-card-container .feature-card,.home-page .buy-point-page .buyPointsBody .product-feature .feature-card-container .feature-card,.home-page .loginContainer .product-feature .feature-card-container .feature-card,.home-page .main-content .product-feature .feature-card-container .feature-card,.home-page .signUpContainer .product-feature .feature-card-container .feature-card{width:100%;margin-bottom:20px}.buy-point-page .home-page .buyPointsBody .product-application .theme-card,.home-page .buy-point-page .buyPointsBody .product-application .theme-card,.home-page .loginContainer .product-application .theme-card,.home-page .main-content .product-application .theme-card,.home-page .signUpContainer .product-application .theme-card{padding:0;margin:30px 0}.buy-point-page .home-page .buyPointsBody .product-application .theme-card__info__title,.home-page .buy-point-page .buyPointsBody .product-application .theme-card__info__title,.home-page .loginContainer .product-application .theme-card__info__title,.home-page .main-content .product-application .theme-card__info__title,.home-page .signUpContainer .product-application .theme-card__info__title{font-size:1.3rem}.buy-point-page .home-page .buyPointsBody .product-application .theme-card__info__subtitle,.home-page .buy-point-page .buyPointsBody .product-application .theme-card__info__subtitle,.home-page .loginContainer .product-application .theme-card__info__subtitle,.home-page .main-content .product-application .theme-card__info__subtitle,.home-page .signUpContainer .product-application .theme-card__info__subtitle{font-size:1rem}.buy-point-page .home-page .buyPointsBody .modeling-example .title-tab div,.home-page .buy-point-page .buyPointsBody .modeling-example .title-tab div,.home-page .loginContainer .modeling-example .title-tab div,.home-page .main-content .modeling-example .title-tab div,.home-page .signUpContainer .modeling-example .title-tab div{width:100%;margin-left:0;margin-top:20px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card,.home-page .loginContainer .modeling-example .example-card,.home-page .main-content .modeling-example .example-card,.home-page .signUpContainer .modeling-example .example-card{padding:30px 10px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__img,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__img,.home-page .loginContainer .modeling-example .example-card__img,.home-page .main-content .modeling-example .example-card__img,.home-page .signUpContainer .modeling-example .example-card__img{width:60%;margin-bottom:20px}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__title,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__title,.home-page .loginContainer .modeling-example .example-card__intro__title,.home-page .main-content .modeling-example .example-card__intro__title,.home-page .signUpContainer .modeling-example .example-card__intro__title{font-size:1.6rem}.buy-point-page .home-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .buy-point-page .buyPointsBody .modeling-example .example-card__intro__content,.home-page .loginContainer .modeling-example .example-card__intro__content,.home-page .main-content .modeling-example .example-card__intro__content,.home-page .signUpContainer .modeling-example .example-card__intro__content{font-size:1rem;padding:20px 10px}.home-page .use‑situation-container{padding:30px 0 50px;border-left:unset}.home-page .use‑situation-container .use‑situation-card{padding:10px;margin:0 auto 50px}.home-page .use‑situation-container .use‑situation-card__topic{font-size:14px;padding:10px 20px}.home-page .use‑situation-container .use‑situation-card__content{padding-top:20px;padding-left:20px;font-size:12px}.home-page .use‑situation-container .use‑situation-card__text-area__title{font-size:14px;line-height:1.5}.home-page .use‑situation-container .use‑situation-card__img-area{right:15px;bottom:-20px}.home-page .use‑situation-container .use‑situation-card__img-area img{width:130px}.home-page .pricing-page{background-color:#fff}.home-page .pricing-page .title-tab{margin:0 auto!important;font-size:20px}.home-page .pricing-page .price-intro__bg__content .intro-detail{margin-left:0}.home-page .pricing-page .price-intro__bg .plan-card-container{justify-content:space-between}.home-page .pricing-page .price-intro__bg .plan-card-container .plan-card{width:32%}.home-page .pricing-page .pricing-topic__guide{border-left:unset}}.navbar.front-menu{width:100%;background-color:#f0edf5;font-size:14px;padding:0 10px;color:#5a36a1;position:fixed;top:-50px;transition:top .3s ease-in-out}.navbar.front-menu .navbar-nav{display:flex;align-items:center;justify-content:space-evenly}.navbar.front-menu .nav-logo{margin-right:10px}.navbar.front-menu .nav-logo img{height:37px}.navbar.front-menu .login-status-btn .login-btn.btn-outline-secondary{width:55px;background-color:#5b5f61;color:#fff}.navbar.front-menu .login-status-btn .login-btn.btn-outline-secondary:hover{background-color:#73787c!important}.navbar.front-menu .login-status-btn .login-btn.btn-outline-secondary:focus{box-shadow:none}.navbar.front-menu .login-status-btn .sign-up-btn.btn-primary{width:55px;background-color:#5a36a1!important;border-color:transparent;color:#fff!important}.navbar.front-menu .login-status-btn .sign-up-btn.btn-primary:hover{background-color:#8f6ecf!important}.navbar.front-menu .login-status-btn .sign-up-btn.btn-primary:active{background-color:#40145e!important}.navbar.front-menu .login-status-btn .sign-up-btn.btn-primary:focus{box-shadow:none}.navbar.front-menu a.nav-link{width:100%;display:block;text-align:center}.navbar.front-menu a.nav-link:hover{color:#653cb4!important}.navbar.front-menu a.nav-link.active{color:#5a36a1!important}.navbar.front-menu .login-status-btn{align-items:center}.navbar.front-menu .login-status-btn .nav-item a{padding:0}.navbar.front-menu .navbar-collapse{justify-content:space-between}.navbar.front-menu .btn-primary:not(:disabled):not(.disabled).active,.navbar.front-menu .btn-primary:not(:disabled):not(.disabled):active,.navbar.front-menu .show>.btn-primary.dropdown-toggle{background-color:initial;border-color:transparent;color:#5a36a1}.navbar.front-menu .btn-primary:not(:disabled):not(.disabled).active:focus,.navbar.front-menu .btn-primary:not(:disabled):not(.disabled):active:focus,.navbar.front-menu .show>.btn-primary.dropdown-toggle:focus{box-shadow:none}.navbar.front-menu .use-platform-dropdown{margin-left:10px}.navbar.front-menu .use-platform-dropdown .dropdown-menu{width:200px;max-height:200px;overflow-y:scroll;padding:0}.navbar.front-menu .use-platform-dropdown .dropdown-menu .dropdown-item{font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:12px 24px}.navbar.front-menu .use-platform-btn{font-size:14px;color:#fefeff;background-color:#424547;border-color:unset;border-radius:5px}.navbar.front-menu .use-platform-btn:active{background-color:#5a36a1;color:#fff;box-shadow:unset;border-color:transparent}.navbar.front-menu .use-platform-btn:hover{background-color:#5a36a1;color:#fefeff}.navbar.front-menu .use-platform-btn:focus{background-color:#5a36a1;color:#fff;box-shadow:unset;border-color:transparent}.navbar.front-menu .use-platform-btn.btn-primary.dropdown-toggle:active,.navbar.front-menu .use-platform-btn.btn-primary.dropdown-toggle:focus{background-color:#5a36a1;color:#fff}.navbar.front-menu .switch-lang{margin-right:20px}.navbar.front-menu .nav-item .dropdown a{font-size:14px}.navbar.front-menu .nav-item .dropdown .dropdown-toggle.nav-link{padding-right:0}.navbar.front-menu .nav-item .dropdown .dropdown-toggle.nav-link:active,.navbar.front-menu .nav-item .dropdown .dropdown-toggle.nav-link:hover{color:#5a36a1}.navbar.front-menu .nav-item .dropdown .dropdown-toggle:after{margin-left:.1rem}.navbar.front-menu .nav-item button{font-size:14px}.navbar.front-menu .dropdown-menu{padding:0}.navbar.front-menu .dropdown-menu .dropdown-item{padding:12px 20px}.navbar.front-menu .dropdown-divider{margin:0}.navbar.front-menu a{text-align:center;text-decoration:none;color:rgba(0,0,0,.5);padding:0 12px}.navbar.front-menu a:hover{color:#5a36a1}.navbar.front-menu .navbar-brand{margin-right:0}.navbar.front-menu .navbar-brand a{padding:0}.navbar.front-menu a.active{color:#5a36a1}.navbar.front-menu .navbar-toggler.collapsed{border-color:transparent}.navbar.front-menu .custom-dropdown{text-align:center;margin:0 10px;padding:10px 0}.navbar.front-menu .custom-dropdown .dropdown-toggle:after{border-top:.4em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.navbar.front-menu .custom-dropdown .dropdown-toggle{background-color:initial;border-radius:0;color:rgba(0,0,0,.5);border:unset;font-size:14px;padding:0}.navbar.front-menu .custom-dropdown .dropdown-toggle:focus{box-shadow:unset}.navbar.front-menu .custom-dropdown .dropdown-toggle:active{color:#5a36a1}.navbar.front-menu .custom-dropdown .dropdown-toggle a{padding:0;margin:0}.navbar.front-menu .custom-dropdown .dropdown-menu{top:100%;border:unset;border-radius:0;background-color:#f0edf5;padding:4.5px 0 0;box-shadow:1px 3px 3px rgba(53,53,53,.4)}.navbar.front-menu .custom-dropdown .dropdown-item{font-size:14px;text-align:left}.navbar.front-menu .custom-dropdown .dropdown-item:hover{background-color:#cabbe8}.navbar.front-menu .custom-dropdown .dropdown-item:hover a{color:#5a36a1}.navbar.front-menu .custom-dropdown .dropdown-item:active{background-color:#cabbe8}.navbar.front-menu .classes-btn{width:100px;padding:6px 12px;margin-right:20px}.navbar.front-menu .dropdown .dropdown-item.active,.navbar.front-menu .dropdown .dropdown-item:active{background-color:#cabbe8}@media (max-width:1200px){.navbar.front-menu{width:100%;background-color:#f0edf5}.navbar.front-menu .use-platform-dropdown{margin-left:0}.navbar.front-menu .navbar-nav .nav-link{text-align:center;padding:10px 0}.navbar.front-menu .navbar-nav .dropdown{width:100%;margin:0 auto;text-align:center}.navbar.front-menu .navbar-nav .dropdown-menu{width:100%;max-height:150px;border-radius:0;border:unset;background-color:initial;padding:0;overflow-x:hidden}.navbar.front-menu .navbar-nav .use-platform-btn.dropdown-toggle{width:100%;margin:10px 0;color:#fff;background-color:#5a36a1}.navbar.front-menu .navbar-nav .dropdown-toggle:after{margin-left:10px}.navbar.front-menu .navbar-nav .nav-item{width:100%}.navbar.front-menu .navbar-nav .nav-item a{margin:0;padding:10px 0}.navbar.front-menu .navbar-nav .dropdown-item a{text-align:center;padding:0;margin-right:10px}.navbar.front-menu .navbar-nav .switch-lang.nav-item{margin-right:0}.navbar.front-menu .navbar-nav .switch-lang.nav-item__btn{width:100%}.navbar.front-menu .navbar-nav .dropdown-toggle,.navbar.front-menu .navbar-nav a{color:#5b5f61;margin-right:0}.navbar.front-menu .nav-item .dropdown a{justify-content:center}.navbar.front-menu .custom-dropdown{text-align:left;padding:10px}.navbar.front-menu .custom-dropdown .dropdown-toggle:after{border-top:.4em solid;border-right:.4em solid transparent;border-left:.4em solid transparent}.navbar.front-menu .custom-dropdown .dropdown-toggle{background-color:initial;border-radius:0;border:unset;font-size:14px;padding:0}.navbar.front-menu .custom-dropdown .dropdown-toggle:hover{color:#5a36a1}.navbar.front-menu .custom-dropdown .dropdown-toggle:focus{box-shadow:unset}.navbar.front-menu .custom-dropdown .dropdown-toggle:active{color:#5a36a1}.navbar.front-menu .custom-dropdown .dropdown-toggle a{padding:0;margin:0}.navbar.front-menu .custom-dropdown .dropdown-menu{top:100%;background-color:initial;box-shadow:none}.navbar.front-menu .custom-dropdown .dropdown-item a{width:100%;color:#8d9295}.navbar.front-menu .custom-dropdown .dropdown-item:active,.navbar.front-menu .custom-dropdown .dropdown-item:hover{background-color:#cabbe8}.navbar.front-menu .custom-dropdown.show{width:100%}.navbar.front-menu .custom-dropdown.show .dropdown-toggle{width:100%;padding:10px;background-color:#cabbe8;font-weight:700}.navbar.front-menu .custom-dropdown.show.dropdown{padding:0}.navbar.front-menu a{margin-right:1rem}.navbar.front-menu a.active{width:100%;color:#5a36a1}.navbar.front-menu .login-status-btn{margin:10px 0}.navbar.front-menu .login-status-btn .login-btn.btn-outline-secondary,.navbar.front-menu .login-status-btn .sign-up-btn.btn-primary{width:100px}.navbar.front-menu .nav-link.classes-btn{width:100%;margin:0}.navbar.front-menu .nav-link.classes-btn a{margin:0;padding-left:0;padding-right:0}}@media (max-width:570px){.navbar.front-menu{position:fixed;top:0}.navbar.front-menu .navbar-nav .dropdown,.navbar.front-menu .navbar-nav .dropdown-item,.navbar.front-menu .navbar-nav .dropdown-menu,.navbar.front-menu .navbar-nav .dropdown-toggle,.navbar.front-menu .navbar-nav .use-platform-btn{width:100%}.navbar.front-menu .dropdown-item a{margin-left:0}.navbar.front-menu a.classes-btn{margin:10px 1rem 10px 0}}.navbar.scroll-top-fixed{top:0}.navbar{width:100%;background-color:#f0edf5;font-size:14px;padding:0 10px;color:#5a36a1}.navbar a.nav-link.active{color:#5a36a1!important}.headerContainer{background-repeat:no-repeat;height:80vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:row}.headerContainer .headerMiddle{width:60vw;display:flex;justify-content:center;align-items:flex-start;flex-direction:column}.headerContainer #container{font-size:30px}.headerContainer #container span{margin:0 20px 0 0;word-break:break-all}.headerContainer #container i{font-style:normal}.headerContainer #container button{width:100px;margin:8% 5% 0 0;font-size:20px}.loading-page-container{width:100%}.loading-page-container .header{aspect-ratio:16/9}.loading-page-container .title{height:3.6rem;margin:40px auto}.loading-page-container .sub-title{height:1.8rem;margin:24px auto}.loading-page-container .home-video{padding-bottom:60px}.loading-page-container .home-video .sub-title,.loading-page-container .home-video .title{width:34rem}@media (max-width:525px){.loading-page-container .home-video .sub-title{height:3.6rem}}.loading-page-container .home-video__video{padding-top:56.25;aspect-ratio:16/9}@media (max-width:767px){.loading-page-container .home-video .sub-title,.loading-page-container .home-video .title{width:100%}}.loading-page-container .product-feature .title{width:45rem}@media (max-width:991px){.loading-page-container .product-feature .title{width:100%}}.loading-page-container .product-feature .sub-title{width:27rem}@media (max-width:450px){.loading-page-container .product-feature .sub-title{height:1.4rem;width:20rem}}.loading-page-container .product-feature__feature-container{display:flex;flex-wrap:wrap;padding-bottom:60px;justify-content:space-around}.loading-page-container .product-feature__feature-container__feature{display:flex;flex-direction:column;align-items:center;padding:0 20px}.loading-page-container .product-feature__feature-container__feature__img{width:90%;aspect-ratio:1}@media (max-width:767px){.loading-page-container .product-feature__feature-container__feature__img{width:60%}}.loading-page-container .product-feature__feature-container__feature__content,.loading-page-container .product-feature__feature-container__feature__title{height:3rem;padding:0 20px;margin:10px 0}.loading-page-container .product-feature__feature-container__feature__title{width:12rem}@media (max-width:767px){.loading-page-container .product-feature__feature-container__feature{margin-bottom:40px}}.loading-page-container .product-application .title{width:22rem}.loading-page-container .product-application__product-container{display:flex;flex-wrap:wrap;padding-bottom:60px;justify-content:space-around}.loading-page-container .product-application__product-container__product{display:flex;flex-direction:column;align-items:center;padding:0 20px}.loading-page-container .product-application__product-container__product__img{width:90%;aspect-ratio:1}@media (max-width:767px){.loading-page-container .product-application__product-container__product__img{width:60%}}.loading-page-container .product-application__product-container__product__content,.loading-page-container .product-application__product-container__product__name,.loading-page-container .product-application__product-container__product__sub-title,.loading-page-container .product-application__product-container__product__title{height:2.5rem;padding:0 20px;margin:10px 0}.loading-page-container .product-application__product-container__product__name,.loading-page-container .product-application__product-container__product__title{height:3rem;width:15rem}.loading-page-container .product-application__product-container__product__button{width:150px;height:37px}@media (max-width:767px){.loading-page-container .product-application__product-container__product{margin-bottom:40px}}.example-page .banner{color:#f7f7fb;padding:200px 110px;background-image:url(/static/media/use-case-background.24b29b68.png);background-repeat:no-repeat;background-size:cover;background-position:50%;margin-bottom:60px}.example-page .banner__title{font-size:1.8rem;font-weight:700;line-height:1.2;text-shadow:3px 3px 3px rgba(0,0,0,.678)}.example-page .banner__subtitle{font-size:1.5rem;text-shadow:3px 3px 3px #000}.example-page .banner__try-btn{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;transition:.2s ease-in-out;width:300px;border-color:#ac95db #3a2368 #3a2368 #ac95db;border-style:solid;border-width:1px}.example-page .banner__try-btn:hover{background-color:#7148c2;border-top-color:#ac95db;border-left-color:#ac95db}.example-page .solution__title{font-size:1.2rem;width:100%;display:flex;margin-bottom:40px;align-items:center}.example-page .solution__title .left-line,.example-page .solution__title .right-line{width:50%;height:3px;background-color:#424547}.example-page .solution__title .middle-block{min-width:300px;text-align:center;background-color:#f7f7fb;color:#f7f7fb;font-weight:700;border-left:5px solid #424547;border-right:5px solid #424547;padding:0 20px;z-index:99}.example-page .solution__title .middle-block__text{min-width:calc(100% - 40px);background-color:#424547;padding:10px;border-radius:5px}.example-page .solution__video-container{width:100%;min-height:350px;padding-bottom:40px;display:flex;justify-content:space-between}.example-page .solution__video-container .video-handler{width:calc(100% - 660px)}.example-page .solution__video-container .video-handler__btn{border:1px solid #424547;font-weight:700;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:15px;color:#424547;background-color:#f7f7fb}.example-page .solution__video-container .video-handler__btn .btn-text{padding-left:10px;border-left:5px solid #424547}.example-page .solution__video-container .video-handler__btn:hover{background-color:#f1f2fb;border:1px solid transparent}.example-page .solution__video-container .video-handler__btn:hover .btn-text{border-left:5px solid #5a36a1}.example-page .solution__video-container .video-handler__btn--active{font-weight:700;border-radius:5px;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid transparent;background-color:#5a36a1;color:#f7f7fb}.example-page .solution__video-container .video-handler__btn--active .btn-text{padding-left:10px;border-left:5px solid #f7f7fb}.example-page .solution__video-container .video-handler .card{background-color:initial;border:unset}.example-page .solution__video-container .video-handler .card .card-body{padding:15px 20px 20px;margin-top:5px;max-height:100px;overflow:auto}.example-page .solution__video-container .video-handler .card .card-body::-webkit-scrollbar-track{margin:10px 0;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.example-page .solution__video-container .video-handler .card .card-body::-webkit-scrollbar{margin:10px 0;border-radius:10px;width:6px;background-color:#f5f5f5}.example-page .solution__video-container .video-handler .card .card-body::-webkit-scrollbar-thumb{margin:10px 0;border-radius:10px;background-color:#5b5f61}.example-page .solution__video-container .video-viewer{border:1px solid #424547;border-radius:5px}@media (max-width:770px){.example-page .banner{padding:60px}.example-page .banner__title{font-size:1.2rem}.example-page .banner__try-btn{width:200px}.example-page .solution__video-container{flex-direction:column-reverse;align-items:center}.example-page .solution__video-container .video-handler{width:640px;margin-top:20px}}@media (max-width:570px){.example-page .banner{padding:30px 15px}.example-page .banner__title{font-size:1.2rem}.example-page .banner__try-btn{width:100%}.example-page .banner__try-btn:hover{transform:unset;box-shadow:unset;background-color:unset}.example-page .solution{padding:0 10px}.example-page .solution__video-container{flex-direction:column-reverse;align-items:center}.example-page .solution__video-container .video-handler{width:100%;margin-top:20px}.example-page .solution__video-container .video-viewer{width:100%!important;height:215px!important}}.about-page{width:100%;min-height:100vh;padding:60px 0;margin:0 auto}.about-page .title-tab{max-width:300px;font-size:1.3rem;font-weight:700;border-radius:5px;padding:10px;text-align:center;background-color:#4f308e;color:#fff;margin-left:0}.about-page .time-line-container{padding-left:30px}.about-page .time-line-container .title-tab{margin-left:-30px}.about-page .time-line-container .time-line{border-left:3px solid #5a36a1;padding:30px 0}.about-page .time-line-container .time-line .year-event{margin-bottom:60px}.about-page .time-line-container .time-line .year-event__topic{height:45px;border:3px solid #5a36a1;border-left:0 solid transparent;border-radius:0 5px 5px 0;display:inline-flex;align-items:center;color:#5a36a1;background-color:#fff}.about-page .time-line-container .time-line .year-event__topic .year{font-size:30px;font-weight:700;font-family:"Roboto",sans-serif;margin-left:30px}.about-page .time-line-container .time-line .year-event__topic .event{font-size:20px;font-weight:700;margin:0 30px}.about-page .time-line-container .time-line .year-event__content{background-color:#f1f2fb;padding:42.5px 20px 20px;margin-top:-22.5px;border-radius:0 5px 5px 0;color:#424547;line-height:1.5}.about-page .time-line-container .time-line .year-event__content li{margin-bottom:10px}.about-page .product-application{padding:60px 0}.about-page .product-application .img-container{margin-top:30px}.about-page .product-application .img-container img{width:100%}.about-page .brand-intro-container .logo{width:400px;margin:0 auto 30px}.about-page .brand-intro-container .logo img{width:100%}.about-page .brand-intro-container .brand-intro{padding:30px;color:#424547}.about-page .brand-intro-container .brand-intro__subtitle{font-weight:700;margin-bottom:10px;font-size:1.1rem;color:#5a36a1}.about-page .brand-intro-container .brand-intro__text{margin-bottom:20px;line-height:1.5}.about-page .brand-intro-container .icon-container{display:flex;justify-content:space-evenly;flex-wrap:wrap}.about-page .brand-intro-container .icon-container .advantage-card{display:flex;flex-direction:column;align-items:center;line-height:1.5}.about-page .brand-intro-container .icon-container .advantage-card__icon{max-width:180px;max-height:180px;padding:20px;border-radius:50%;background-color:#5a36a1;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.about-page .brand-intro-container .icon-container .advantage-card__icon svg{width:90%;height:90%;fill:#fff}.about-page .brand-intro-container .icon-container .advantage-card__title{font-size:30px;font-weight:700;color:#5a36a1;padding:10px}@media (max-width:770px){.about-page .brand-intro-container .icon-container .advantage-card{text-align:center}.about-page .brand-intro-container .icon-container .advantage-card__title{font-size:20px}}@media (max-width:570px){.about-page{padding-top:30px}.about-page .title-tab{max-width:unset;width:100%;border-radius:unset}.about-page .time-line-container{padding:0}.about-page .time-line-container .title-tab{max-width:unset;width:100%;margin:0;border-radius:unset}.about-page .time-line-container .time-line{margin-left:10px;padding-right:10px;padding-bottom:30px}.about-page .time-line-container .time-line .year-event{margin-bottom:30px}.about-page .time-line-container .time-line .year-event__topic{height:35px}.about-page .time-line-container .time-line .year-event__topic .year{font-size:18px;margin-left:10px}.about-page .time-line-container .time-line .year-event__topic .event{font-size:16px;margin:0 20px}.about-page .time-line-container .time-line .year-event__content{font-size:14px}.about-page .product-application{padding:30px 0}.about-page .product-application .img-container{margin-top:30px}.about-page .product-application .img-container img{width:100%}.about-page .brand-intro-container .logo{width:60%}.about-page .brand-intro-container .logo img{width:100%}.about-page .brand-intro-container .icon-container .advantage-card{margin-bottom:30px}}.loginContainer{background:linear-gradient(45deg,#545ba8 40%,#5a36a1 60%);display:flex;justify-content:center;align-items:center;flex-direction:row}.loginContainer .visibility-icon{position:absolute;top:30%;right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.loginContainer .visibility-off-icon{color:#a8a6a6}.loginContainer .forget-pwd{margin-top:10px;font-size:.8rem;-webkit-user-select:none;user-select:none;cursor:pointer;color:#00a0e9}.loginContainer .forget-pwd:hover{color:#007db6}.loginContainer .loginInput{background-color:#fff;border:1px solid #ccc;border-radius:10px;max-width:360px;min-height:340px;display:flex;flex-flow:column nowrap;grid-row-gap:32px;row-gap:32px;padding:36px 30px 18px;margin:0 10px}.loginContainer .loginInput h3{text-align:center;color:#4173a5}.loginContainer .loginInput .loginBtn,.loginContainer .loginInput .loginLogo{display:flex;justify-content:center;align-items:center;flex-direction:row}.loginContainer .loginInput .loginBtn button{width:80%;background-color:#5d1d88}.change-pwd-modal,.forget-pwd-modal{width:100%;margin:0 auto}.change-pwd-modal .modal-dialog,.forget-pwd-modal .modal-dialog{max-width:400px}.change-pwd-modal .form-label,.forget-pwd-modal .form-label{color:#424547;font-size:14px;margin-bottom:5px;padding-left:5px;border-left:5px solid #5a36a1}.change-pwd-modal__body .hint-text,.forget-pwd-modal__body .hint-text{padding:0 0 10px;text-align:center;color:#424547}.change-pwd-modal__body .hint-text h4,.forget-pwd-modal__body .hint-text h4{font-size:1.3rem;font-weight:700;color:#5a36a1}.change-pwd-modal__body img,.forget-pwd-modal__body img{width:250px}.change-pwd-modal .modal-footer,.forget-pwd-modal .modal-footer{padding-top:0}.change-pwd-modal .modal-footer .modal-btn,.forget-pwd-modal .modal-footer .modal-btn{min-width:100px;font-size:1rem;font-weight:700;padding:6px 12px;margin:0 5px}.change-pwd-modal .modal-footer .send-forget-mail-cancel-btn,.forget-pwd-modal .modal-footer .send-forget-mail-cancel-btn{background-color:#a8a6a6;color:#fff}.change-pwd-modal .modal-footer .send-forget-mail-confirm-btn,.forget-pwd-modal .modal-footer .send-forget-mail-confirm-btn{background-color:#5a36a1;color:#fff}@media (max-width:570px){.change-pwd-modal .modal-footer,.forget-pwd-modal .modal-footer{justify-content:space-between}.change-pwd-modal .modal-footer .modal-btn,.forget-pwd-modal .modal-footer .modal-btn{width:48%;margin:0}}.signUpContainer{background:linear-gradient(45deg,#545ba8 40%,#5a36a1 60%)}.signUpContainer .visibility-icon{position:absolute;top:30%;right:15px;-webkit-user-select:none;user-select:none;cursor:pointer}.signUpContainer .visibility-off-icon{color:#a8a6a6}.signUpContainer .signUpMiddle{padding:20px 40px;max-width:550px;border-radius:10px;background-color:#fff;margin:0 10px}.signUpContainer .signUpMiddle .signUpForm .signUpLogo{display:flex;justify-content:flex-end;align-items:center;flex-direction:row}.signUpContainer .signUpMiddle .signUpForm .signUpLogo img{width:30%}.signUpContainer .signUpMiddle .signUpForm .signUpTerms{width:100%;font-size:30px;display:flex;justify-content:flex-start;align-items:center;flex-direction:row}.signUpContainer .signUpMiddle .signUpForm .signUpTerms img{width:5%}.signUpContainer .signUpMiddle .signUpForm .signUpTerms a{margin-left:20px;text-decoration:none}.signUpContainer .signUpMiddle .signUpForm .signUpBtn{display:flex;justify-content:center;align-items:center;flex-direction:row}.signUpContainer .MuiButton-contained{width:50%;background-color:#5d1d88}.signUpContainer .MuiButton-contained:hover{background-color:#5a36a1}.signUpContainer .signup-custom-btn{margin-left:15px;background-color:#646ab2}.signUpContainer .MuiCheckbox-colorPrimary.Mui-checked{color:#646ab2}.signUpContainer .required-custom-label{font-size:12px;color:red}@media (max-width:570px){.signUpContainer .contact-person-grid{flex-wrap:wrap}.signUpContainer .contact-person-grid .signup-custom-btn{width:100%;margin-left:0;margin-top:10px}.signUpContainer .MuiButton-contained{width:100%}}.modalWidth{width:100vw}.termTitle{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:700;font-size:25px}.buy-point-page{padding:60px 0;position:relative}.buy-point-page .MuiButtonBase-root{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:50%;max-width:250px;font-size:1rem;padding:5px}.buy-point-page .MuiButtonBase-root:hover{background-color:#7148c2;box-shadow:3px 3px 0 #5a36a1}.buy-point-page .btn-container .Mui-disabled{border-color:#bbb;box-shadow:3px 3px 0 #ccc}.buy-point-page .btn-container .step-back-btn{background-color:#fff;color:#000;box-shadow:3px 3px 0 #8f6ecf}.buy-point-page .btn-container .step-back-btn:hover{background-color:#e8e1f5;color:#5a36a1}.buy-point-page .MuiStepIcon-root.MuiStepIcon-active,.buy-point-page .MuiStepIcon-root.MuiStepIcon-completed{color:#5a36a1}.buy-point-page .buyPointsBody{width:80%;margin:0 auto}.buy-point-page .buyPointsBody .buyPointsSection{width:100%;background-color:#fff;border-radius:10px}.buy-point-page .buyPointsBody .buyPointsSection table#package-list-table tbody tr{cursor:pointer}.buy-point-page .buyPointsBody .buyPointsSection table#package-list-table tbody tr.highlight{background-color:#a19fff;color:#fff;font-weight:500}.buy-point-page .buyPointsBody .buyPointsSection .points_row{display:flex;justify-content:center;align-items:center;flex-direction:column}.buy-point-page .buyPointsBody .buyPointsSection .points_column{padding:0;width:100%;margin:20px 0;display:flex;justify-content:space-around;align-items:flex-end;flex-direction:row;flex-direction:row-reverse}.buy-point-page .buyPointsBody .buyPointsSection .points_column input{margin:0;position:static;width:100%;height:24px}.buy-point-page .buyPointsBody .buyPointsSection .points_column label{color:#000;width:100%}.buy-point-page .buyPointsBody .buyPointsSection .buyPointsButton{display:flex;justify-content:center;align-items:center;flex-direction:row}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container{overflow:auto;padding:0 50px}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container .step-block{width:300px;background-color:unset;box-shadow:unset;color:#424547}@media (max-width:570px){.buy-point-page .buyPointsBody .buyPointsSection .step-block-container{padding:0 10px}}.buy-point-page .buyPointsBody .buyPointsSection .scroll-hint{width:100%;margin:0 auto;text-align:center;padding:10px;color:#424547;letter-spacing:3px;font-size:12px}.buy-point-page .buyPointsBody .buyPointsSection .quotation-wrapper,.buy-point-page .buyPointsBody .buyPointsSection .scrollbar-wrapper{width:100%;border:0 red;overflow-x:scroll;overflow-y:hidden}.buy-point-page .buyPointsBody .buyPointsSection .scrollbar-wrapper{height:20px}.buy-point-page .buyPointsBody .buyPointsSection .quotation-wrapper{height:29.7cm}.buy-point-page .buyPointsBody .buyPointsSection .top-scrollbar{width:21cm;height:20px}@media (max-width:900px){.buy-point-page .buyPointsBody{width:100%}}@media (max-width:770px){.buy-point-page .buyPointsBody .buyPointsSection{margin:0 auto;width:95%}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container{padding:0 20px}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container .step-block{width:80%;line-height:1.5}}@media (max-width:570px){.buy-point-page .buyPointsBody{margin:0 auto}.buy-point-page .buyPointsBody .btn-container{flex-direction:column-reverse}.buy-point-page .buyPointsBody .MuiButtonBase-root :not(.checkbox){width:100%}.buy-point-page .buyPointsBody .MuiStepper-root{padding:10px 10px 20px}.buy-point-page .buyPointsBody .buyPointsSection{width:100%}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container{padding:0 10px}.buy-point-page .buyPointsBody .buyPointsSection .step-block-container .step-block{width:80%;line-height:1.5}}.buy-point-page .choose-payment{width:100%}.buy-point-page .choose-payment h3{text-align:center;font-weight:700;font-size:1.8rem;color:#5a36a1;margin:20px 0}@media (max-width:570px){.buy-point-page .choose-payment h3{font-size:1.3rem}}.buy-point-page .choose-payment .warning-text{text-align:center;color:red;line-height:1.5}.buy-point-page .choose-payment.invoice{width:60%;margin:0 auto}.buy-point-page .choose-payment.invoice .properties{margin:0}@media (max-width:570px){.buy-point-page .choose-payment.invoice{width:100%}.buy-point-page .choose-payment.invoice .properties{margin:0 10px}}.buy-point-page .choose-payment .MuiFormGroup-root{justify-content:space-around;margin-bottom:10px}.buy-point-page .choose-payment .MuiFormGroup-root .MuiFormControlLabel-root .MuiButtonBase-root{background-color:unset;border:none;box-shadow:none;width:35px;margin:unset;border-radius:50%}.buy-point-page .choose-payment .MuiFormGroup-root .MuiFormControlLabel-root .MuiButtonBase-root:hover{background-color:#e8e1f5}.buy-point-page .choose-payment .properties{font-size:16px;display:flex;grid-row-gap:12px;row-gap:12px;transition:all .5s ease;overflow:hidden;margin:0 20px;padding-top:15px;justify-content:space-between;position:relative;max-height:1000px;border-top:3px solid transparent;flex-wrap:wrap}.buy-point-page .choose-payment .properties .property{grid-column-gap:12px;column-gap:12px;min-height:24px;width:49%}.buy-point-page .choose-payment .properties .property.checkbox .MuiButtonBase-root{background-color:unset;border:none;box-shadow:none;width:35px;margin:unset;border-radius:50%}.buy-point-page .choose-payment .properties .property.checkbox .MuiButtonBase-root:hover{background-color:#e8e1f5}.buy-point-page .choose-payment .properties .property.checkbox .property-name{cursor:pointer}.buy-point-page .choose-payment .properties .property .property-name{width:125px;display:flex;align-items:center}.buy-point-page .choose-payment .payment-card-container{width:100%;padding:20px}.buy-point-page .choose-payment .payment-card-container ul{padding-left:10px}.buy-point-page .choose-payment .payment-card-container ul h5{font-weight:700;font-size:1.1rem;text-align:center;padding:5px 0;margin:0 auto 15px;border-bottom:3px solid #5a36a1}@media (max-width:770px){.buy-point-page .choose-payment .payment-card-container ul h5{font-size:.9rem}}.buy-point-page .choose-payment .payment-card-container ul li{list-style-type:square;margin-bottom:10px;list-style-position:inside}@media (max-width:770px){.buy-point-page .choose-payment .payment-card-container ul li{font-size:14px}}.buy-point-page .choose-payment .payment-card-container .payment-card{width:100%;border:1px solid #424547;border-radius:5px;text-align:center;padding:20px;margin-bottom:10px;-webkit-user-select:none;user-select:none;cursor:pointer}.buy-point-page .choose-payment .payment-card-container .payment-card--active{background-color:#cabbe8}.buy-point-page .choose-payment .payment-card-container .payment-card--disabled{filter:grayscale(1);background-color:#eee;cursor:not-allowed}.buy-point-page .choose-payment .payment-card-container .payment-card img{width:100%}.buy-point-page .choose-payment .payment-card-container .payment-card h4{font-weight:700}@media (max-width:570px){.buy-point-page .choose-payment .payment-card-container{padding:5px}.buy-point-page .choose-payment .payment-card-container .payment-card{padding:10px}.buy-point-page .choose-payment .payment-card-container .payment-card h4{font-size:12px}.buy-point-page .choose-payment .payment-card-container ul{padding-left:0}.buy-point-page .choose-payment .payment-card-container ul h5{font-size:12px}.buy-point-page .choose-payment .payment-card-container ul li{font-size:12px;list-style:none}}@media (max-width:570px){.buy-point-page .choose-payment .properties{font-size:14px;margin:0 10px;flex-direction:column}.buy-point-page .choose-payment .properties .property{width:100%}.buy-point-page .choose-payment .properties .property.checkbox{flex-direction:row}.buy-point-page .choose-payment .properties .property .property-name{margin:5px 0;font-weight:700}}.buy-point-page .order-wrap{width:100%;border:3px solid #5a36a1;border-radius:5px;padding:10px}.buy-point-page .order-wrap .order-container{width:100%;padding:20px;border:3px solid #5a36a1;border-radius:5px;position:relative}.buy-point-page .order-wrap .order-container:before{content:"";width:80%;height:calc(100% + 10px);position:absolute;border-top:10px solid #fff;border-bottom:10px solid #fff;top:-5px;left:10%}.buy-point-page .order-wrap .order-container:after{content:"";width:calc(100% + 10px);height:68%;position:absolute;border-left:10px solid #fff;border-right:10px solid #fff;left:-5px;top:17%}.buy-point-page .order-wrap .order-container .order-title{text-align:center;font-weight:700;font-size:1.8rem;color:#5a36a1;margin-bottom:30px}@media (max-width:570px){.buy-point-page .order-wrap .order-container .order-title{font-size:1.3rem}}.buy-point-page .order-wrap .order-container .order-detail{display:flex;margin-bottom:20px;padding-left:10px}.buy-point-page .order-wrap .order-container .order-detail__topic{width:120px;font-weight:700;color:#5a36a1}.buy-point-page .order-wrap .order-container .order-detail__topic:before{content:"|";background-color:#5a36a1;margin-right:5px}.buy-point-page .order-wrap .order-container .pay-btn{display:block;margin-top:30px}@media (max-width:570px){.buy-point-page .order-wrap .order-container{padding:10px 10px 20px}.buy-point-page .order-wrap .order-container:before{width:68%;left:16%}.buy-point-page .order-wrap .order-container:after{height:80%;top:10%}.buy-point-page .order-wrap .order-container .order-title{margin-bottom:20px}.buy-point-page .order-wrap .order-container .order-detail{display:block}.buy-point-page .order-wrap .order-container .order-detail__topic{margin-bottom:10px}}.buy-point-page .buy-step-intro .buy-step-card-main{width:80%;height:50px;border:1px solid #424547;border-radius:5px;margin:0 auto 15px;font-weight:700;position:relative;font-size:1.2rem;background-color:#e6e6fa}.buy-point-page .buy-step-intro .buy-step-card-main .buy-step-card{text-align:center;padding:14.5px 0;border-radius:5px}.buy-point-page .buy-step-intro .buy-step-card-main .buy-step-number{width:30px;height:30px;border-radius:50%;border:1px solid #424547;position:absolute;left:-15px;top:10px;background-color:#5a36a1;color:#fff;display:flex;align-items:center;justify-content:center}@media (max-width:770px){.buy-point-page .buy-step-intro .buy-step-card-main{width:90%}}@media (max-width:570px){.buy-point-page .buy-step-intro .buy-step-card-main{font-size:1rem}.buy-point-page .buy-step-intro .buy-step-card-main .buy-step-card{padding:16px 0}}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step{height:unset}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step .buy-step-number{top:calc(50% - 15px)}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step .buy-step-card{padding-bottom:5px}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step .buy-step-card .sub-step-container{display:flex;margin-top:10px;justify-content:space-between}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step .buy-step-card .sub-step-container .buy-step-card-sub{border-top:0;width:45%}.buy-point-page .buy-step-intro .buy-step-card-main.choose-payment-step .buy-step-card .sub-step-container .buy-step-card-sub .buy-step-card{border:1px solid #000;padding:14.5px 0}.buy-point-page .buy-step-intro .buy-step-card-sub{width:50%;text-align:center;padding:0 10px;font-weight:400}.buy-point-page .buy-step-intro .buy-step-card-sub .buy-step-card{background-color:#fff;font-size:1rem;height:100%}.buy-point-page .buy-step-intro .buy-step-card-sub__subtopic{font-size:1.1rem;font-weight:700}.buy-point-page .buy-step-intro .buy-step-card-sub__step-container{margin-top:20px}.buy-point-page .buy-step-intro .buy-step-card-sub__step-container__step{margin:10px auto}@media (max-width:570px){.buy-point-page .buy-step-intro .buy-step-card-sub{padding:0 5px}.buy-point-page .buy-step-intro .buy-step-card-sub .buy-step-card{padding:10px 0}.buy-point-page .buy-step-intro .buy-step-card-sub__subtopic{font-size:14px}}.buy-point-page .choose-plan-list .title{text-align:center;font-size:1.8rem;font-weight:700;color:#5a36a1;margin-bottom:20px}.buy-point-page .choose-plan-list .subtitle{text-align:center;margin-bottom:15px}.buy-point-page .choose-plan-list .plan-container{margin-bottom:30px}.buy-point-page .choose-plan-list .plan-container .plan-card-head{display:flex;border-bottom:2px solid #000}.buy-point-page .choose-plan-list .plan-container .plan-card-head .head-title{padding:10px;display:grid;place-content:center}.buy-point-page .choose-plan-list .plan-container .plan-card{display:flex;align-items:center;text-align:center;border-bottom:1px solid #ccc}.buy-point-page .choose-plan-list .plan-container .plan-card__point,.buy-point-page .choose-plan-list .plan-container .plan-card__price{text-align:right}.buy-point-page .choose-plan-list .plan-container .plan-card__add,.buy-point-page .choose-plan-list .plan-container .plan-card__amount,.buy-point-page .choose-plan-list .plan-container .plan-card__name,.buy-point-page .choose-plan-list .plan-container .plan-card__point,.buy-point-page .choose-plan-list .plan-container .plan-card__price{padding:10px}.buy-point-page .choose-plan-list .plan-container .plan-card__add .add-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__add .delete-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .add-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .delete-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__name .add-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__name .delete-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__point .add-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__point .delete-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__price .add-btn,.buy-point-page .choose-plan-list .plan-container .plan-card__price .delete-btn{width:100%;-webkit-user-select:none;user-select:none;cursor:pointer}.buy-point-page .choose-plan-list .plan-container .plan-card__add .add-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__add .delete-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .add-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .delete-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__name .add-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__name .delete-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__point .add-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__point .delete-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__price .add-btn:hover .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__price .delete-btn:hover .MuiSvgIcon-root{color:#888}.buy-point-page .choose-plan-list .plan-container .plan-card__add .add-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__add .delete-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .add-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .delete-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__name .add-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__name .delete-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__point .add-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__point .delete-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__price .add-btn:active .MuiSvgIcon-root,.buy-point-page .choose-plan-list .plan-container .plan-card__price .delete-btn:active .MuiSvgIcon-root{transform:scale(.8)}.buy-point-page .choose-plan-list .plan-container .plan-card__add .add-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__add .delete-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .add-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__amount .delete-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__name .add-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__name .delete-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__point .add-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__point .delete-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__price .add-btn.disabled,.buy-point-page .choose-plan-list .plan-container .plan-card__price .delete-btn.disabled{color:#bbb}.buy-point-page .choose-plan-list .plan-container .plan-card__amount .counter-container{display:flex;justify-content:center}.buy-point-page .choose-plan-list .plan-container .plan-card__amount input{width:100%}.buy-point-page .choose-plan-list .plan-container .plan-card__point{display:flex;justify-content:center;align-items:center}.buy-point-page .choose-plan-list .plan-container .plan-card__point .bonus{color:#5a36a1;font-weight:700}.buy-point-page .choose-plan-list .plan-container .plan-card__point .img-container{height:32px;display:flex;justify-content:flex-end;padding-right:5px}.buy-point-page .choose-plan-list .plan-container .plan-card__point .img-container img{height:100%}@media screen and (max-width:768px){.buy-point-page .choose-plan-list .plan-container .plan-card__point .img-container{display:none}}.buy-point-page .choose-plan-list .plan-container .plan-card__point .text{display:flex;justify-content:flex-start;padding-left:0;align-items:center;height:32px}@media (max-width:450px){.buy-point-page .choose-plan-list .plan-container .plan-card__point .text{padding-right:0}}.buy-point-page .choose-plan-list .plan-container .plan-card__point .unBonus-point{margin-right:5px}@media (max-width:570px){.buy-point-page .choose-plan-list .plan-container .plan-card__point .unBonus-point{margin-right:2px}}.buy-point-page .choose-plan-list .plan-container .plan-card .flex-end{justify-content:flex-end}.buy-point-page .choose-plan-list .order-total-amount{width:100%;text-align:right}.buy-point-page .choose-plan-list .order-total-amount .point,.buy-point-page .choose-plan-list .order-total-amount .price{padding:10px;display:flex}.buy-point-page .choose-plan-list .order-total-amount .point .text,.buy-point-page .choose-plan-list .order-total-amount .price .text{text-align:start}.buy-point-page .choose-plan-list .order-total-amount .point .total,.buy-point-page .choose-plan-list .order-total-amount .price .total{font-weight:bolder}.buy-point-page .choose-plan-list .order-total-amount .point .text,.buy-point-page .choose-plan-list .order-total-amount .point .total,.buy-point-page .choose-plan-list .order-total-amount .price .text,.buy-point-page .choose-plan-list .order-total-amount .price .total{width:50%}@media (max-width:570px){.buy-point-page .choose-plan-list{font-size:12px}.buy-point-page .choose-plan-list .title{font-size:1.3rem;margin-bottom:10px}.buy-point-page .choose-plan-list .plan-container .plan-card-head .head-title,.buy-point-page .choose-plan-list .plan-container .plan-card__amount,.buy-point-page .choose-plan-list .plan-container .plan-card__name,.buy-point-page .choose-plan-list .plan-container .plan-card__price{padding:5px}.buy-point-page .choose-plan-list .plan-container .plan-card__add,.buy-point-page .choose-plan-list .plan-container .plan-card__point{padding:5px 0}.buy-point-page .choose-plan-list .plan-container .plan-card__price{min-width:77px}}.buy-point-page .p-4{background:#e8e1f5;border-radius:10px}.buy-point-page .p-4 h5,.buy-point-page .p-4 h6{font-weight:bolder}.buy-point-page .p-4 h5{font-size:2rem}.buy-point-page .p-4 h6{font-size:1.5rem}.swal-footer,.swal-modal .swal-text{text-align:center}.quotation{width:21cm;height:29.7cm;font-family:"Microsoft JhengHei";padding:30px;font-size:12px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;overflow:auto}.quotation .detail-content{margin-left:10px}.quotation .quotation-subtitle{color:#00a0e9;font-size:1rem;border-left:10px solid #00a0e9;padding:0 10px;margin-bottom:20px}.quotation__head{display:flex}.quotation__head .logo{width:30%}.quotation__head .logo img{width:100%;object-fit:contain}.quotation__title{margin:15px 0}.quotation__title .title-font{width:260px;margin-left:auto;font-size:3rem;text-align:center;font-weight:700}.quotation__info{width:100%;display:flex;font-weight:700;margin-bottom:30px}.quotation__info .info-container{width:30%;margin-right:10px;color:#2f3334}.quotation__info .info-container .company-detail{display:flex;margin-bottom:10px}.quotation__info .info-container .company-detail .detail-label{width:60px;text-align:right;font-weight:700;color:#00a0e9}.quotation__info .info-container .company-detail .detail-content{width:calc(100% - 100px)}.quotation__info__detail{width:260px;margin-left:auto;color:#f8feff;height:calc(1.6rem + 30px);background-color:#00a0e9;-webkit-print-color-adjust:exact;padding:10px}.quotation__info__detail .quotation-date,.quotation__info__detail .quotation-num{margin-bottom:10px}.quotation__list{width:100%;margin-bottom:30px}.quotation__list .table thead th{text-align:center;background-color:#00a0e9!important;color:#f8feff;font-weight:bolder;-webkit-print-color-adjust:exact}.quotation__list .table td{padding:15px 20px}.quotation__list .table tbody{border-bottom:5px solid #00a0e9!important;-webkit-print-color-adjust:exact}.quotation__list .table-striped tbody tr:nth-of-type(odd){background-color:#f8feff!important;-webkit-print-color-adjust:exact}.quotation__list .table-bordered td,.quotation__list .table-bordered th{border:1px solid #f8feff!important}.quotation__list .table-bottom{width:13rem;margin-left:auto;text-align:right;font-weight:700}.quotation__list .table-bottom .final-count,.quotation__list .table-bottom .taxes,.quotation__list .table-bottom .total-amount{width:100%;padding:0 20px;display:flex;justify-content:space-between;margin-bottom:10px;font-size:1rem;font-weight:bolder}.quotation__list .table-bottom .final-count{padding:10px 20px;color:#f8feff;background-color:#00a0e9;-webkit-print-color-adjust:exact}.quotation__foot{width:100%;text-align:center}.quotation__foot .footer-title{color:#f8feff;background-color:#2f3334;-webkit-print-color-adjust:exact;padding:10px;font-weight:700;font-size:1rem}.quotation__foot .footer-detail{padding:10px;text-align:left;line-height:1.2}.quotation__foot .footer-detail__top{display:flex;justify-content:space-between}.quotation__foot .footer-detail__top .list-rule{display:flex;margin-bottom:10px}.quotation__foot .footer-detail__top .stamp-area{width:50%;min-height:140px;border:1px solid #2f3334}.quotation__foot .footer-detail__top .stamp-area img{width:100%;object-fit:contain}.quotation__foot__rules{width:60%;border:1px solid #2f3334}.quotation__foot__sign{width:38%;border:1px solid #2f3334;display:flex;flex-direction:column;justify-content:space-between}.quotation__foot__sign .sign-date{height:36px;font-weight:700;border-top:1px solid #2f3334;padding:10px}.device-binding,.host-info,.member-order-page,.point-record-page,.point-transfer-record,.team-list,.team-members{width:95%;margin:0 auto;min-height:calc(100vh - 82px);position:relative}.device-binding .MuiToolbar-gutters,.host-info .MuiToolbar-gutters,.member-order-page .MuiToolbar-gutters,.point-record-page .MuiToolbar-gutters,.point-transfer-record .MuiToolbar-gutters,.team-list .MuiToolbar-gutters,.team-members .MuiToolbar-gutters{padding-left:0}.device-binding .table-container,.host-info .table-container,.member-order-page .table-container,.point-record-page .table-container,.point-transfer-record .table-container,.team-list .table-container,.team-members .table-container{padding:60px 10px}.device-binding .table-container h2.table-title,.host-info .table-container h2.table-title,.member-order-page .table-container h2.table-title,.point-record-page .table-container h2.table-title,.point-transfer-record .table-container h2.table-title,.team-list .table-container h2.table-title,.team-members .table-container h2.table-title{text-align:center;font-size:1.1rem;background-color:#5a36a1;padding:.5rem;color:#fff;border-radius:5px 5px 0 0}.device-binding .MuiTableSortLabel-root,.host-info .MuiTableSortLabel-root,.member-order-page .MuiTableSortLabel-root,.point-record-page .MuiTableSortLabel-root,.point-transfer-record .MuiTableSortLabel-root,.team-list .MuiTableSortLabel-root,.team-members .MuiTableSortLabel-root{flex-direction:unset}.device-binding .MuiTableRow-head th,.host-info .MuiTableRow-head th,.member-order-page .MuiTableRow-head th,.point-record-page .MuiTableRow-head th,.point-transfer-record .MuiTableRow-head th,.team-list .MuiTableRow-head th,.team-members .MuiTableRow-head th{font-weight:700;background-color:#f1f2fb;border-color:transparent}.device-binding .MuiTableRow-head th:first-child,.host-info .MuiTableRow-head th:first-child,.member-order-page .MuiTableRow-head th:first-child,.point-record-page .MuiTableRow-head th:first-child,.point-transfer-record .MuiTableRow-head th:first-child,.team-list .MuiTableRow-head th:first-child,.team-members .MuiTableRow-head th:first-child{border-radius:5px 0 0 5px}.device-binding .MuiTableRow-head th:last-child,.host-info .MuiTableRow-head th:last-child,.member-order-page .MuiTableRow-head th:last-child,.point-record-page .MuiTableRow-head th:last-child,.point-transfer-record .MuiTableRow-head th:last-child,.team-list .MuiTableRow-head th:last-child,.team-members .MuiTableRow-head th:last-child{border-radius:0 5px 5px 0}.device-binding tbody td,.host-info tbody td,.member-order-page tbody td,.point-record-page tbody td,.point-transfer-record tbody td,.team-list tbody td,.team-members tbody td{padding:8px 16px;border-color:#f1f2fb}.device-binding .MuiPaper-root,.host-info .MuiPaper-root,.member-order-page .MuiPaper-root,.point-record-page .MuiPaper-root,.point-transfer-record .MuiPaper-root,.team-list .MuiPaper-root,.team-members .MuiPaper-root{padding:0 20px;border-radius:0 0 5px 5px}.device-binding .MuiToolbar-root h6,.host-info .MuiToolbar-root h6,.member-order-page .MuiToolbar-root h6,.point-record-page .MuiToolbar-root h6,.point-transfer-record .MuiToolbar-root h6,.team-list .MuiToolbar-root h6,.team-members .MuiToolbar-root h6{font-size:1rem}.device-binding .status-circle,.host-info .status-circle,.member-order-page .status-circle,.point-record-page .status-circle,.point-transfer-record .status-circle,.team-list .status-circle,.team-members .status-circle{width:16px;height:16px;border-radius:50%;margin:0 auto}.device-binding .status-circle.online,.host-info .status-circle.online,.member-order-page .status-circle.online,.point-record-page .status-circle.online,.point-transfer-record .status-circle.online,.team-list .status-circle.online,.team-members .status-circle.online{background-color:#1ea80b}.device-binding .status-circle.offline,.host-info .status-circle.offline,.member-order-page .status-circle.offline,.point-record-page .status-circle.offline,.point-transfer-record .status-circle.offline,.team-list .status-circle.offline,.team-members .status-circle.offline{background-color:#a8a8a8}@media (max-width:770px){.device-binding .MuiTableRow-head th,.host-info .MuiTableRow-head th,.member-order-page .MuiTableRow-head th,.point-record-page .MuiTableRow-head th,.point-transfer-record .MuiTableRow-head th,.team-list .MuiTableRow-head th,.team-members .MuiTableRow-head th{min-width:105px;padding:10px}.device-binding tbody td,.host-info tbody td,.member-order-page tbody td,.point-record-page tbody td,.point-transfer-record tbody td,.team-list tbody td,.team-members tbody td{padding:0}.device-binding .MuiPaper-root,.host-info .MuiPaper-root,.member-order-page .MuiPaper-root,.point-record-page .MuiPaper-root,.point-transfer-record .MuiPaper-root,.team-list .MuiPaper-root,.team-members .MuiPaper-root{padding:10px}.device-binding .MuiTableRow-root .MuiTableCell-body,.host-info .MuiTableRow-root .MuiTableCell-body,.member-order-page .MuiTableRow-root .MuiTableCell-body,.point-record-page .MuiTableRow-root .MuiTableCell-body,.point-transfer-record .MuiTableRow-root .MuiTableCell-body,.team-list .MuiTableRow-root .MuiTableCell-body,.team-members .MuiTableRow-root .MuiTableCell-body{font-size:14px!important}.device-binding .MuiToolbar-root,.host-info .MuiToolbar-root,.member-order-page .MuiToolbar-root,.point-record-page .MuiToolbar-root,.point-transfer-record .MuiToolbar-root,.team-list .MuiToolbar-root,.team-members .MuiToolbar-root{justify-content:flex-end}.device-binding .MuiToolbar-root h6,.host-info .MuiToolbar-root h6,.member-order-page .MuiToolbar-root h6,.point-record-page .MuiToolbar-root h6,.point-transfer-record .MuiToolbar-root h6,.team-list .MuiToolbar-root h6,.team-members .MuiToolbar-root h6{font-weight:700;overflow:unset!important;white-space:pre-line!important;font-size:1rem}.device-binding .MuiToolbar-root .MTableToolbar-spacer-7,.host-info .MuiToolbar-root .MTableToolbar-spacer-7,.member-order-page .MuiToolbar-root .MTableToolbar-spacer-7,.point-record-page .MuiToolbar-root .MTableToolbar-spacer-7,.point-transfer-record .MuiToolbar-root .MTableToolbar-spacer-7,.team-list .MuiToolbar-root .MTableToolbar-spacer-7,.team-members .MuiToolbar-root .MTableToolbar-spacer-7{display:none}.device-binding .MuiToolbar-root .MTableToolbar-actions-8,.host-info .MuiToolbar-root .MTableToolbar-actions-8,.member-order-page .MuiToolbar-root .MTableToolbar-actions-8,.point-record-page .MuiToolbar-root .MTableToolbar-actions-8,.point-transfer-record .MuiToolbar-root .MTableToolbar-actions-8,.team-list .MuiToolbar-root .MTableToolbar-actions-8,.team-members .MuiToolbar-root .MTableToolbar-actions-8{width:50px}.device-binding .MuiToolbar-root .MuiTextField-root,.host-info .MuiToolbar-root .MuiTextField-root,.member-order-page .MuiToolbar-root .MuiTextField-root,.point-record-page .MuiToolbar-root .MuiTextField-root,.point-transfer-record .MuiToolbar-root .MuiTextField-root,.team-list .MuiToolbar-root .MuiTextField-root,.team-members .MuiToolbar-root .MuiTextField-root{width:220px;padding-left:0}}@media (max-width:570px){.device-binding,.host-info,.member-order-page,.point-record-page,.point-transfer-record,.team-list,.team-members{width:100%}.device-binding .MuiPaper-root .MuiToolbar-root,.host-info .MuiPaper-root .MuiToolbar-root,.member-order-page .MuiPaper-root .MuiToolbar-root,.point-record-page .MuiPaper-root .MuiToolbar-root,.point-transfer-record .MuiPaper-root .MuiToolbar-root,.team-list .MuiPaper-root .MuiToolbar-root,.team-members .MuiPaper-root .MuiToolbar-root{justify-content:space-evenly;padding-right:0}.device-binding .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.host-info .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.member-order-page .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.point-record-page .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.point-transfer-record .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.team-list .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6,.team-members .MuiPaper-root .MuiToolbar-root h6.MuiTypography-root.MuiTypography-h6{font-size:1rem;font-weight:700;line-height:unset}.device-binding .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.host-info .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.member-order-page .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.point-record-page .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.point-transfer-record .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.team-list .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7,.team-members .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-7{display:none}.device-binding .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.host-info .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.member-order-page .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.point-record-page .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.point-transfer-record .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.team-list .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15,.team-members .MuiPaper-root .MuiToolbar-root .MTableToolbar-spacer-15{flex:unset}.device-binding .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.host-info .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.member-order-page .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.point-record-page .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.point-transfer-record .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.team-list .MuiPaper-root .MuiToolbar-root .MuiTextField-root,.team-members .MuiPaper-root .MuiToolbar-root .MuiTextField-root{width:calc(100% - 100px)}.device-binding .MuiTableRow-head th,.host-info .MuiTableRow-head th,.member-order-page .MuiTableRow-head th,.point-record-page .MuiTableRow-head th,.point-transfer-record .MuiTableRow-head th,.team-list .MuiTableRow-head th,.team-members .MuiTableRow-head th{padding:5px;text-align:center}.device-binding tbody td,.host-info tbody td,.member-order-page tbody td,.point-record-page tbody td,.point-transfer-record tbody td,.team-list tbody td,.team-members tbody td{min-width:80px;padding-right:10px;text-align:center}.device-binding .MuiTableRow-root .MuiTableCell-body,.host-info .MuiTableRow-root .MuiTableCell-body,.member-order-page .MuiTableRow-root .MuiTableCell-body,.point-record-page .MuiTableRow-root .MuiTableCell-body,.point-transfer-record .MuiTableRow-root .MuiTableCell-body,.team-list .MuiTableRow-root .MuiTableCell-body,.team-members .MuiTableRow-root .MuiTableCell-body{font-size:12px!important}.device-binding .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.host-info .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.member-order-page .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.point-record-page .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.point-transfer-record .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.team-list .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head,.team-members .MuiTableHead-root .MuiTableRow-head .MuiTableCell-head{min-width:100px;font-size:12px}}@media (max-width:770px){.team-members .MuiPaper-root .MuiToolbar-root .MTableToolbar-actions-8{width:100px}}.loading-display{display:flex;flex-direction:column;justify-content:center;padding-top:25vh}.loading-display h2{color:#333;font-size:2rem;text-align:center;font-weight:700;margin-bottom:20px}.loading-display .spinner-container{margin:0 auto}.loading-display .spinner-container .spinner-border{width:5rem;height:5rem}.account-page{padding:24px 32px;background:#f1f2fb;display:grid;grid-gap:36px;gap:36px;grid-template-areas:"class info" "point info" "card info" "pw totp";justify-items:center;align-items:flex-start;justify-content:center}.account-page__container{width:430px;padding:10px 30px;border-radius:8px;background-color:#fff}.account-page__container .upload-business-card{width:100%}.account-page__container .upload-business-card .preview-img-container{width:80%;height:200px;border:1px solid #ccc}.account-page__container .upload-business-card .preview-img-container .preview-hint-text{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:grey;font-size:1.2rem}.account-page__container .upload-business-card .preview-img-container img{width:100%;height:100%;object-fit:contain}.account-page__container .upload-business-card .upload-btn{width:60%;margin-top:30px}.account-page__container .upload-business-card .upload-btn .MuiButton-root{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;padding:5px 10px;font-size:1rem;width:100%;margin:0 auto}.account-page__container .upload-business-card .upload-btn .MuiButton-root:hover{background-color:#7148c2}.account-page__container .edit-data-accept{width:60%;margin:30px auto 0}.account-page__container .edit-data-accept .edit-data-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;padding:5px 10px;font-size:1rem;width:100%;margin:0 auto}.account-page__container .edit-data-accept .edit-data-btn:hover{background-color:#7148c2}.account-page__container .fieldset{margin-left:auto;margin-right:auto;padding:10px 0}.account-page__container .fieldset+.fieldset{margin-top:20px}.account-page__container .fieldset .form-control{width:unset}.account-page__container .fieldset .form-group{margin-bottom:0}.account-page__container .fieldset .text-field-hint{color:grey;margin-bottom:16px;display:flex;align-items:center}.account-page__container .title{display:flex;justify-content:flex-start;align-items:center;font-size:20px;font-weight:600;margin-bottom:20px}.account-page__container .title:before{width:10px;height:20px;background-color:#5a36a1;margin-right:5px;content:""}.account-page__container .handler-btn{width:150px;background-color:#5a36a1;color:#fff;font-size:1.1rem;font-weight:700;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;transition:.2s ease-in-out;display:flex;align-items:center;justify-content:center;grid-column-gap:4px;column-gap:4px;width:unset;margin:unset;margin-left:auto;font-weight:400;font-size:1rem;padding:8px 16px;text-align:center;border-radius:5px;background-color:initial;border:1px solid #5a36a1;color:#5a36a1;box-shadow:unset}.account-page__container .handler-btn:hover{background-color:#7148c2}.account-page__container .handler-btn--active,.account-page__container .handler-btn:hover{background-color:#8f6ecf;color:#fff;border-color:transparent}.account-page__container .update-pwd-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:60%;padding:5px;font-size:1rem;margin:1rem auto 0}.account-page__container .update-pwd-btn:hover{background-color:#7148c2}.account-page__container .fill-hint{margin-bottom:10px;color:red}.account-page__container .properties .property .property-value{flex:1 1}@media (min-width:1920px){.account-page{grid-template-areas:"class info card" "point totp pw"}}@media (max-width:1200px){.account-page{grid-template-areas:"class" "point" "info" "card" "pw" "totp"}}@media (max-width:770px){.account-page{padding:16px 0}.account-page__container{width:calc(100vw - 240px);padding:0 16px 8px}}@media (max-width:570px){.account-page .properties{padding-left:4px;grid-row-gap:16px;row-gap:16px}.account-page .properties .property{flex-wrap:wrap;grid-row-gap:8px;row-gap:8px}.account-page .properties .property .property-name{width:100%}.account-page__container{width:calc(100vw - 70px)}.account-page__container .upload-business-card .preview-img-container{width:100%}}.switch-btn{width:100%;text-align:right;margin-bottom:20px;margin-left:auto}.switch-btn .MuiFormControlLabel-root{flex-direction:row-reverse}.switch-btn .MuiFormControlLabel-root .MuiSwitch-colorSecondary.Mui-checked{color:#5a36a1}.switch-btn .MuiFormControlLabel-root .MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track{background-color:#8f6ecf}.switch-btn .MuiFormControlLabel-root .MuiSwitch-colorSecondary.Mui-checked:hover{background-color:rgba(95,67,152,.1)}.apply-trial-point-dialog .preview-img-container{width:calc(100% - 180px);height:150px;border:1px solid #ccc}.apply-trial-point-dialog .preview-img-container .preview-hint-text{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:grey;font-size:1.2rem}.apply-trial-point-dialog .preview-img-container img{width:100%;height:100%;object-fit:contain}.apply-trial-point-dialog .modal-footer{border-top:1px solid #bbb}.apply-trial-point-dialog .modal-footer button{min-width:100px}.scroll-hint-mask{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,.8);color:#fff;z-index:99;text-align:center;padding:140px 0}.scroll-hint-mask .hint-text{width:80%;margin:0 auto}.scroll-hint-mask .hint-text .swipe-icon{display:flex;justify-content:center;align-items:center;margin:50px 0}.scroll-hint-mask .hint-text .swipe-icon img{margin:0 30px;width:40px}.scroll-hint-mask .hint-text h2{width:65%;margin:0 auto;font-size:20px;letter-spacing:3px;font-weight:700;padding-bottom:8px;border-bottom:1px solid #fff}.scroll-hint-mask .close-btn{min-width:100px}@media screen and (min-width:768px){.scroll-hint-mask{display:none}}.cardMiddle{position:relative;display:flex;justify-content:space-evenly;align-items:center;flex-direction:row;flex-wrap:wrap;top:-100px}.cardMiddle .card{flex-basis:320px;width:320px;height:350px;margin:2%;box-shadow:0 5px 10px 0 #ccc;background-color:initial}.cardMiddle .card .cardImage{width:100%;height:50%;border-radius:3%}.cardMiddle .card .cardText{padding:10px 20px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.cardMiddle .card .cardText span{color:#7a7a7a}.cardMiddle .card .cardLink{width:100%;padding:10px 20px}.cardMiddle .card .cardLink a{text-decoration:none}.formContainer{background:#4090e0;height:90vh}.formContainer .formBody{display:flex;padding:2% 0}.formContainer .formBody .formText{display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column;width:50%;margin-right:10%;color:#fff}.formContainer .formBody .formText p{margin:5% 0}.formContainer .formBody .formMiddle{width:40%;height:100%}.formContainer .formBody .formMiddle form{padding:5%;background-color:#fff;border-radius:2%;border:1px solid transparent}.formContainer .formBody .formMiddle .custom-checkbox{margin:0;width:50%}.formContainer .formBody .formMiddle button{width:100%}.WebMap_section .WebMap_body ul{display:flex;justify-content:center;align-items:flex-start;flex-direction:row;width:100%;margin:5vw 0}.WebMap_section .WebMap_body ul li{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;width:16.66667%;list-style:none}.WebMap_section .WebMap_body ul li img{width:20%}.WebMap_section .WebMap_body ul li h3{margin:0}.WebMap_section .WebMap_body ul li a{margin:2vh 0;color:#ccc;text-decoration:none}.management-center{width:100%;min-height:calc(100vh - 82px);display:flex;position:relative}.management-center a{text-decoration:none}.management-center .side-nav{width:200px;min-height:calc(100vh - 82px);background-color:#5a36a1}.management-center .page-container{width:calc(100% - 200px);background-color:#f1f2fb}@media (max-width:570px){.management-center .side-nav{width:100%;min-height:unset;position:fixed;background-color:unset;z-index:99}.management-center .page-container{width:100%;padding-left:50px}}.side-menu .space-toggle-btn{width:100%;border-radius:0;background-color:#37244d!important;border:none;padding:16px 16px 16px 30px;box-shadow:none;display:flex;align-items:center;font-size:18px;font-weight:700;text-overflow:ellipsis}.side-menu .space-toggle-btn svg{font-size:24px}.side-menu .space-toggle-btn:focus{box-shadow:none!important}.side-menu .space-toggle-btn:hover{background-color:#503470!important}.side-menu .space-toggle-btn:active{box-shadow:none;border:none;background-color:#503470!important}.side-menu .space-toggle-btn span{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-menu .dropdown .teams-container{max-height:160px;overflow-y:auto}.side-menu .dropdown .teams-container a{margin-right:-6px}.side-menu .dropdown .teams-container::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(174,117,228,.664);background-color:initial}.side-menu .dropdown .teams-container::-webkit-scrollbar{width:6px;background-color:initial}.side-menu .dropdown .teams-container::-webkit-scrollbar-thumb{background-color:#5d1d88}.side-menu .dropdown .dropdown-menu{border:unset;box-shadow:3px 3px 10px rgba(3,3,3,.384)}.side-menu .dropdown .dropdown-menu.show{margin-left:30px!important;padding:0;border-radius:5px}.side-menu .dropdown .dropdown-item{max-width:200px;height:32px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:1.5}.side-menu .dropdown .dropdown-item svg{font-size:20px}.side-menu .dropdown .my-space-tab{min-height:35px;line-height:1.75;background-color:#5d1d88;margin-bottom:0;color:#fff;border-radius:5px 5px 0 0}.side-menu .dropdown .my-space-tab:hover{background-color:#6b219d}.side-menu .dropdown .add-new-group-btn{background-color:#424547;color:#fff;border-radius:0 0 5px 5px;transform:translateY(2px)}.side-menu .dropdown .add-new-group-btn:hover{background-color:#292b2d}.side-menu .space-pages{width:100%}.side-menu .space-pages .use-platform-btn{width:calc(100% - 60px);margin:10px auto;color:#fff;border:1px solid #fff;border-radius:5px;text-align:center;padding:10px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:.3s}.side-menu .space-pages .use-platform-btn:hover{background-color:hsla(0,0%,100%,.3)}.side-menu .space-pages .use-platform-btn:active{background-color:#5d1d88;border-color:#5d1d88}.side-menu .space-pages .page-label{display:flex;align-items:center;padding:10px 10px 10px 30px;color:#fff;-webkit-user-select:none;user-select:none;cursor:pointer}.side-menu .space-pages .page-label__icon{margin-right:10px}.side-menu .space-pages .page-label__icon svg{width:20px;height:20px;fill:#fff}.side-menu .space-pages .page-label:hover{background-color:#7148c2}.side-menu .space-pages .page-label--active{font-weight:700;color:#5a36a1;background-color:#fff}.side-menu .space-pages .page-label--active svg{fill:#5a36a1}.side-menu .space-pages .page-label--active:hover{background-color:#fff}.side-menu .space-pages .platform-btn{margin:10px 30px;border:1px solid #fff;color:#fff;padding:10px;border-radius:5px;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer}.side-menu .space-pages .platform-btn:hover{background-color:#905aef}@media (max-width:570px){.side-menu{width:100%}.side-menu .space-toggle-btn{width:100%;border-radius:0;background-color:#37244d!important;border-color:transparent;display:flex;align-items:center;justify-content:center;padding:8px 12px 8px 50px}.side-menu .space-toggle-btn__title{max-width:100px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-menu .dropdown .teams-container{max-height:160px;overflow-y:auto;display:flex;flex-direction:column}.side-menu .dropdown .teams-container a{margin-right:-6px}.side-menu .dropdown .teams-container .dropdown-item{line-height:1.5;min-height:32px}.side-menu .dropdown .dropdown-menu.show{transform:unset!important;transform:translate(40%,44px)!important}.side-menu .dropdown .add-new-group-btn{display:flex;align-items:center;justify-content:center}.side-menu .menu-drawer{width:50px;min-height:calc(100vh - 43.35px);background-color:#5a36a1;position:absolute;z-index:100;top:0;transition:all .5s}.side-menu .menu-drawer .drawer-toggle-btn{transform:translateX(0);transition:all .5s;padding:9.5px;-webkit-user-select:none;user-select:none;cursor:pointer}.side-menu .menu-drawer .drawer-toggle-btn svg{width:30px;fill:#fff}.side-menu .menu-drawer .space-pages{overflow:hidden}.side-menu .menu-drawer .space-pages .page-label{height:40px;padding:0 0 0 15px}.side-menu .menu-drawer .space-pages .page-label span{white-space:pre;opacity:0;transition:opacity .2s ease-out}.side-menu .menu-drawer .space-pages .use-platform-btn{width:100%;border:none;border-radius:unset;background-color:#905aef}.side-menu .menu-drawer .space-pages .use-platform-btn:hover{background-color:#712cea}.side-menu .menu-drawer .space-pages .use-platform-btn__icon{margin-right:10px}.side-menu .menu-drawer .space-pages .use-platform-btn__icon svg{width:20px;height:20px;fill:#fff}.side-menu .menu-drawer--active{width:200px;box-shadow:3px 3px 10px rgba(26,5,39,.384)}.side-menu .menu-drawer--active .drawer-toggle-btn{transform:translateX(150px)}.side-menu .menu-drawer--active .space-pages .page-label{padding:10px 15px}.side-menu .menu-drawer--active .space-pages .page-label span{opacity:1}}.create-group{width:100%}.create-group__card{margin:60px auto;background-color:#fff;padding:20px 30px;border-radius:10px;box-shadow:3px 3px 5px rgba(0,0,0,.2)}.create-group__card__title{font-size:20px;color:#5a36a1;margin-bottom:20px}.create-group__card .form-label{margin-bottom:5px;color:#424547}.create-group__card__submit-btn{width:100%;background-color:#5a36a1!important;border-radius:5px;color:#fff!important}.classes-page{padding-top:30px}.classes-page .class-title{font-size:1.2rem;font-weight:700;padding-left:10px;border-left:5px solid #5a36a1;margin-bottom:20px}.classes-page .class-select{margin-bottom:15px;line-height:1.5}.single-class{padding:30px 0}.single-class .intro-item{display:flex}.single-class .intro-item .topic{min-width:100px}.single-class__title{font-size:1.3rem;margin-bottom:30px;line-height:1.5}.single-class__subtitle{max-width:300px;font-size:1.3rem;font-weight:700;border-radius:5px;padding:10px;text-align:center;background-color:#4f308e;color:#fff;width:200px;font-size:1rem;margin-left:0;border-radius:5px 5px 0 0}.single-class__intro{padding:20px;border:2px solid #5a36a1;margin-bottom:30px}.single-class__intro__signup-btn{height:40px;background-color:#5d1d88!important;color:#fff!important;font-weight:700!important;margin-top:auto!important;margin-left:auto!important;margin-right:20px!important}.single-class__dm{width:100%;margin-bottom:30px;border:2px solid #5a36a1;padding:5px}.single-class__dm img{width:100%}.single-class li,.single-class ul{margin-bottom:10px;line-height:1.5}.single-class__remarks{padding:20px;border:2px solid #5a36a1}@media (max-width:570px){.single-class__intro__signup-btn{margin-left:20px!important}}.modal-dialog .modal-content{border:unset}.modal-dialog .modal-content .modal-header{background-color:#5a36a1;padding:8px 1rem;color:#fff}.modal-dialog .modal-content .modal-header .close{padding:8px;margin:0;color:#fff}.modal-dialog .modal-content .modal-body{padding:20px;white-space:pre-wrap}.modal-dialog .modal-content .modal-body .hint-text{line-height:2}.modal-dialog .modal-content .modal-footer{border-top:unset}.modal-dialog .modal-content .modal-footer .confirm-btn,.modal-dialog .modal-content .modal-footer .send-mail-btn{background-color:#5d1d88;border-color:#5d1d88}.modal-dialog .modal-content .modal-footer .confirm-btn:hover,.modal-dialog .modal-content .modal-footer .send-mail-btn:hover{background-color:#40145e}.modal-dialog .modal-content .modal-footer .confirm-btn:focus,.modal-dialog .modal-content .modal-footer .send-mail-btn:focus{box-shadow:0 0 0 .2rem rgba(187,38,224,.3)}.group-info,.point-transfer{width:80%;margin:0 auto;padding:60px 0}.group-info .points-container,.point-transfer .points-container{width:100%;border-radius:10px;background-color:#fff;padding:20px 30px;box-shadow:3px 3px 5px hsla(0,0%,40%,.2)}.group-info .points-container .topic,.point-transfer .points-container .topic{padding-left:10px;border-left:10px solid #5a36a1;font-size:1.25rem;margin-bottom:20px;color:#5a36a1;font-weight:700}.group-info .points-container .fieldset,.point-transfer .points-container .fieldset{display:flex;align-items:center;margin-bottom:15px;color:#424547}.group-info .points-container .fieldset .title,.point-transfer .points-container .fieldset .title{min-width:60px;font-weight:700}.group-info .points-container .buy-point-btn,.point-transfer .points-container .buy-point-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;transition:.2s ease-in-out;width:60%;display:flex;align-items:center;justify-content:center;margin:0 0 0 auto;background-color:#905aef;box-shadow:3px 3px 0 #905aef;padding:5px;font-size:1rem;border:1px solid #cfb7f8}.group-info .points-container .buy-point-btn:hover,.point-transfer .points-container .buy-point-btn:hover{background-color:#7148c2}.group-info .points-container .buy-point-btn svg,.point-transfer .points-container .buy-point-btn svg{width:18px;height:18px;fill:#fff;margin-right:10px}.group-info .points-container .buy-point-btn:hover,.point-transfer .points-container .buy-point-btn:hover{background-color:#712cea}.group-info .transfer,.point-transfer .transfer{display:flex;flex-direction:column;justify-content:space-evenly}.group-info .transfer .input-container,.point-transfer .transfer .input-container{width:100%}.group-info .transfer .points-container,.point-transfer .transfer .points-container{height:100%;display:flex;flex-direction:column}.group-info .transfer .points-container__input-group,.point-transfer .transfer .points-container__input-group{display:flex;align-items:center}.group-info .transfer .points-container .sub-topic,.point-transfer .transfer .points-container .sub-topic{display:flex;margin-bottom:10px}.group-info .transfer .points-container .sub-topic p,.point-transfer .transfer .points-container .sub-topic p{width:50%;font-size:14px;color:#5a36a1}.group-info .transfer .points-container .fieldset,.point-transfer .transfer .points-container .fieldset{width:100%;flex-direction:column;align-items:flex-start}.group-info .transfer .points-container .fieldset .title,.point-transfer .transfer .points-container .fieldset .title{min-width:40px;margin-bottom:10px}.group-info .transfer .points-container .fieldset .properties,.point-transfer .transfer .points-container .fieldset .properties{width:100%}.group-info .transfer .transfer-btn,.point-transfer .transfer .transfer-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:100%;padding:5px 0;font-size:1rem;background-color:#5d1d88;margin:auto auto 0;box-shadow:3px 3px 0 #5d1d88}.group-info .transfer .transfer-btn:hover,.point-transfer .transfer .transfer-btn:hover{background-color:#7148c2;background-color:#7a26b2}@media (max-width:770px){.group-info,.point-transfer{width:80%}}@media (max-width:570px){.group-info,.point-transfer{width:100%;padding:60px 10px}.group-info .row,.point-transfer .row{padding:0 15px}.group-info .transfer,.point-transfer .transfer{margin-bottom:20px;padding:0}.group-info .points-container,.point-transfer .points-container{padding:20px}.group-info .points-container .buy-point-btn,.point-transfer .points-container .buy-point-btn{width:100%}.group-info .MTableToolbar-searchField-14,.point-transfer .MTableToolbar-searchField-14{min-width:none;padding-left:0}}.support-page .control-tab{width:100%;display:flex;justify-content:center;margin:30px 0;border-bottom:1px solid rgba(51,51,51,.4)}.support-page .control-tab .nav-link{width:20%;text-align:center;padding-bottom:10px;cursor:pointer;position:relative}.support-page .control-tab .nav-link:after{content:"";width:0;height:5px;background-color:#8f6ecf;position:absolute;bottom:-2.5px;left:0;transition:all .2s ease-in-out}.support-page .control-tab .nav-link:hover{color:#5a36a1}.support-page .control-tab .nav-link:hover:after{content:"";width:100%;color:#8f6ecf}.support-page .control-tab .nav-link--active{color:#5a36a1;font-weight:700}.support-page .control-tab .nav-link--active:after{content:"";width:100%;background-color:#5a36a1}.support-page .login-hint{text-align:center;margin:16px 0;letter-spacing:1px;line-height:1.5}.support-page__title{width:100%;display:flex;align-items:center;padding-top:60px}.support-page__title .title-line{width:calc(50% - 150px);height:3px;background-color:#5a36a1}.support-page__title .topic{width:300px;background-color:#5a36a1;font-size:1.5rem;color:#f7f7fb;text-align:center;padding:10px;font-weight:700;border-radius:5px}.support-page .video-container{padding-bottom:60px}.support-page .video-container h3{font-size:1.2rem;margin-bottom:10px;color:#5a36a1;font-weight:600}.support-page .video-container .video-player{width:100%!important;border:1px solid #5a36a1;border-radius:5px}.scroll-top-button{width:50px;height:50px;background-color:#8e39c0;border-radius:50%;border:3px solid #fff;position:fixed;top:80vh;right:3%;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;cursor:pointer;z-index:999;opacity:.5;transition:.3s}.scroll-top-button svg{fill:#fff}.scroll-top-button:hover{opacity:1}.custom-carousel{width:100%;height:550px;position:relative}.custom-carousel__top{width:100%}.custom-carousel__top .background-img{width:100%;height:380px;object-fit:cover;object-position:center}.custom-carousel .carousel{width:800px;height:450px;left:calc(50% - 400px);position:absolute;top:30px}.custom-carousel .carousel .carousel-indicators{bottom:-10%;align-items:center}.custom-carousel .carousel .carousel-indicators li{width:10px;height:10px;margin-right:10px;margin-left:10px;border-radius:50%;background-color:#5a36a1}.custom-carousel .carousel .carousel-indicators .active{width:12px;height:12px}.custom-carousel .carousel .carousel-item{height:100%}.custom-carousel .carousel .carousel-item .carousel-btn{width:150px;border-radius:5px;margin:0 auto;padding:10px;border:1px solid #fff;-webkit-user-select:none;user-select:none;cursor:pointer;background-color:rgba(190,146,231,.4);transition:.4s}.custom-carousel .carousel .carousel-item .carousel-btn:hover{box-shadow:3px 3px 5px rgba(32,11,53,.5);border-color:transparent;background-color:#5d1d88}.custom-carousel .carousel .carousel-item img{width:100%;height:100%;object-fit:cover;object-position:center center;cursor:pointer;transition:.4s ease-in-out}.custom-carousel .carousel .carousel-item img:hover{transform:scale(1.025)}.custom-carousel .carousel .carousel-item img.hover-effect-off:hover{transform:none}.custom-carousel .carousel .carousel-control-next,.custom-carousel .carousel .carousel-control-prev{width:6%;height:14%;margin:auto 0;background-color:#5a36a1}.custom-carousel .carousel .carousel-control-prev{border-radius:0 5px 5px 0}.custom-carousel .carousel .carousel-control-next{border-radius:5px 0 0 5px}.custom-carousel .carousel .carousel-control-next-icon,.custom-carousel .carousel .carousel-control-prev-icon{width:30px;height:30px}.custom-carousel .carousel .announce-banner{text-align:center;position:relative}.custom-carousel .carousel .announce-banner__info{width:100%;padding:20px;position:absolute;top:31%}.custom-carousel .carousel .announce-banner__info h3{font-weight:700;font-size:1.5rem;margin-bottom:.5rem}.custom-carousel .carousel .announce-banner__info p.info-text{width:100%;height:5.76rem;color:#333;font-size:1.2rem;line-height:1.2;white-space:pre-wrap;text-align:left;padding:0 4rem;overflow:hidden}.custom-carousel .carousel .carousel-inner{height:100%}@media (min-width:1920px){.custom-carousel{height:1000px}.custom-carousel__top .background-img{height:720px}.custom-carousel .carousel{width:1440px;height:810px;left:calc(50% - 720px);top:60px}.custom-carousel .carousel .carousel-indicators li{width:20px;height:20px}.custom-carousel .carousel .carousel-indicators .active{width:23px;height:23px}.custom-carousel .carousel .carousel-control-next-icon,.custom-carousel .carousel .carousel-control-prev-icon{width:50px;height:50px}.custom-carousel .carousel .announce-banner__info h3{font-size:4rem}.custom-carousel .carousel .announce-banner__info p.info-text{font-size:2.5rem;height:12rem}}@media (max-width:770px){.custom-carousel{height:515px}.custom-carousel__top .background-img{height:320px}.custom-carousel .carousel{width:90vw;height:51vw;left:5%;top:70px}.custom-carousel .carousel .announce-banner__info p.info-text{font-size:1rem;height:4.8rem}}@media (max-width:570px){.custom-carousel{height:300px}.custom-carousel__top .background-img{height:155px}.custom-carousel .carousel{top:20px}.custom-carousel .carousel .carousel-indicators{bottom:-20%}.custom-carousel .carousel .carousel-control-next,.custom-carousel .carousel .carousel-control-prev{height:100%;background-color:initial}.custom-carousel .carousel .announce-banner__info{padding:0 8px}.custom-carousel .carousel .announce-banner__info h3{font-size:.8rem;margin-bottom:5px}.custom-carousel .carousel .announce-banner__info p.info-text{height:57.6px;font-size:12px;padding:0 5px}}@media (max-width:320px){.custom-carousel{height:220px}.custom-carousel .carousel .announce-banner__info{height:65%;padding:0 5px}.custom-carousel .carousel .announce-banner__info h3{font-size:12px}.custom-carousel .carousel .announce-banner__info p.info-text{height:60.8px;font-size:8px;line-height:1}}.custom-carousel-multiple img{width:100%;height:200px;object-fit:cover;object-position:center center;border-radius:5px}.custom-carousel-multiple .swiper-container{width:100%;height:200px;position:relative}.custom-carousel-multiple .swiper-container .swiper-button-next,.custom-carousel-multiple .swiper-container .swiper-button-prev{color:#fff}.custom-carousel-multiple .swiper-container .swiper-button-disabled{opacity:.2}.custom-carousel-multiple .swiper-container .swiper-slide{position:relative}.custom-carousel-multiple .swiper-container .swiper-slide .swiper-btn{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;position:absolute;bottom:20px;left:calc(50% - 75px)}.custom-carousel-multiple .swiper-container .swiper-slide .swiper-btn:hover{background-color:#7148c2}.custom-carousel-multiple .swiper-container .swiper-slide .swiper-btn.disabled-btn{background-color:#666;box-shadow:3px 3px 0 #666;border-color:#ccc}.partner-intro{padding:30px 0;background-color:#fff}.partner-intro__title{font-size:3rem;font-weight:700;text-align:center;margin:40px auto;line-height:1.2}@media (max-width:538px){.partner-intro__title{font-size:2.5rem}}@media (max-width:448px){.partner-intro__title{white-space:pre-wrap}}.partner-intro__customer-container,.partner-intro__partner-container{margin-bottom:24px}.partner-intro__customer-container__title,.partner-intro__partner-container__title{font-size:2rem;font-weight:700;text-align:center;line-height:1.2;margin:30px 0}.partner-intro__customer-container__title span,.partner-intro__partner-container__title span{position:relative;cursor:pointer}.partner-intro__customer-container__title span .MuiSvgIcon-root,.partner-intro__partner-container__title span .MuiSvgIcon-root{color:#5a36a1;font-size:2.5rem;margin-right:10px;position:absolute;left:-2.3rem}.partner-intro__customer-container__customers,.partner-intro__customer-container__partners,.partner-intro__partner-container__customers,.partner-intro__partner-container__partners{display:flex;justify-content:space-between;flex-wrap:wrap;padding:0 40px;overflow:hidden;transition:all .8s ease-out}.partner-intro__customer-container__customers__customer,.partner-intro__customer-container__customers__partner,.partner-intro__customer-container__partners__customer,.partner-intro__customer-container__partners__partner,.partner-intro__partner-container__customers__customer,.partner-intro__partner-container__customers__partner,.partner-intro__partner-container__partners__customer,.partner-intro__partner-container__partners__partner{width:18%}@media (max-width:767px){.partner-intro__customer-container__customers__customer,.partner-intro__customer-container__customers__partner,.partner-intro__customer-container__partners__customer,.partner-intro__customer-container__partners__partner,.partner-intro__partner-container__customers__customer,.partner-intro__partner-container__customers__partner,.partner-intro__partner-container__partners__customer,.partner-intro__partner-container__partners__partner{width:48%}}.partner-intro__customer-container__customers__customer img,.partner-intro__customer-container__customers__partner img,.partner-intro__customer-container__partners__customer img,.partner-intro__customer-container__partners__partner img,.partner-intro__partner-container__customers__customer img,.partner-intro__partner-container__customers__partner img,.partner-intro__partner-container__partners__customer img,.partner-intro__partner-container__partners__partner img{width:100%}.partner-intro__customer-container{position:relative}.partner-intro__customer-container__title{margin-bottom:10px}.partner-intro__customer-container nav.customer-type{width:100%;display:flex;justify-content:center;margin-bottom:30px}.partner-intro__customer-container nav.customer-type .nav-link{width:20%;text-align:center;padding-bottom:10px;cursor:pointer;position:relative;font-size:1.5rem}@media (max-width:999px){.partner-intro__customer-container nav.customer-type .nav-link{font-size:1.4rem}}@media (max-width:943px){.partner-intro__customer-container nav.customer-type .nav-link{font-size:1.3rem}}@media (max-width:887px){.partner-intro__customer-container nav.customer-type .nav-link{font-size:1.2rem}}@media (max-width:831px){.partner-intro__customer-container nav.customer-type .nav-link{font-size:1.1rem}}@media (max-width:775px){.partner-intro__customer-container nav.customer-type .nav-link{font-size:1rem}}.partner-intro__customer-container nav.customer-type .nav-link:after{content:"";width:0;height:5px;background-color:#8f6ecf;position:absolute;bottom:-2.5px;left:0;transition:all .2s ease-in-out}.partner-intro__customer-container nav.customer-type .nav-link:hover{color:#5a36a1}.partner-intro__customer-container nav.customer-type .nav-link:hover:after{content:"";width:100%;color:#8f6ecf}.partner-intro__customer-container nav.customer-type .nav-link--active{color:#5a36a1;font-weight:700}.partner-intro__customer-container nav.customer-type .nav-link--active:after{content:"";width:100%;background-color:#5a36a1}.partner-intro__customer-container .spinner-container{padding:100px 0;display:flex;justify-content:center;align-items:center}.partner-intro__customer-container .spinner-container .spinner-grow{width:50px;height:50px;background-color:#5a36a1}.partner-intro__customer-container .spinner-container p{color:#5a36a1;text-align:center;font-weight:700;margin-left:20px}.partner-intro__customer-container .slider{width:100vw;display:flex}.partner-intro__customer-container .slider .mobile-customer-text{font-size:1.5rem;text-align:center;padding:20px 0}.partner-intro__customer-container .slider .col-12{padding:0 40px}.partner-intro__customer-container__customers{padding:0}.front-footer{width:100%;background-color:#2f1c55;color:#fff;padding-top:30px;padding-bottom:10px}.front-footer .footer-icon{width:30px;height:30px;background-color:#fff;border-radius:50%;padding:4px;fill:#5a36a1;-webkit-user-select:none;user-select:none;cursor:pointer;margin-right:1rem;transition:.3s}.front-footer .footer-icon:hover{box-shadow:3px 3px 5px #050308;fill:#2f1c55}.front-footer .disable-hover-effect{cursor:unset}.front-footer .disable-hover-effect:hover{box-shadow:unset;fill:#5a36a1}.front-footer .policy-rules{height:30px;line-height:1.75;margin-top:2rem}.front-footer .policy-rules__link{text-decoration:none;color:#fff}.front-footer .policy-rules__link:hover{text-decoration:underline}.front-footer .brand-intro{letter-spacing:.5px}.front-footer .brand-intro__title{font-size:1.2rem;font-weight:900}.front-footer .brand-intro__subtitle{font-size:1.2rem;font-weight:700;margin-top:5px}.front-footer .brand-intro__content{line-height:1.25;margin:1rem 0}.front-footer .web-guide{letter-spacing:.5px}.front-footer .web-guide .container{display:flex;flex-direction:column;align-items:center}.front-footer .web-guide__topic{width:100%;font-weight:700;margin:1rem 0;background-color:#5a36a1;padding:5px 0;text-align:center}.front-footer .web-guide__item{display:block;margin-bottom:10px;color:#fff}.front-footer .web-guide__item:hover{font-weight:400}.front-footer .company-info{padding:0 15px;margin-top:4rem}.front-footer .company-info__name{font-weight:700;font-size:1.2rem;margin-bottom:1rem}.front-footer .company-info .tel{font-size:1.1rem;letter-spacing:.5px}.front-footer .company-info .tel-num{margin-right:15px}.front-footer .company-info--bottom{display:none}.front-footer .contact-form{padding-right:0}.front-footer .contact-form .MuiTypography-h5{font-weight:700}.front-footer .contact-form .MuiInputBase-input{color:#fff}.front-footer .contact-form label,.front-footer .contact-form svg{color:#d5beff}.front-footer .contact-form .MuiInput-underline:before,.front-footer .contact-form:hover .MuiInput-underline:before{border-color:#d5beff}.front-footer .contact-form .MuiInput-underline:after{border-color:#fff}.front-footer .contact-form legend.MuiFormLabel-root{font-size:.8rem;color:#d5beff}.front-footer .contact-form .MuiFormGroup-root label{color:#fff}.front-footer .contact-form .MuiFormGroup-root .MuiRadio-colorSecondary{color:#d5beff}.front-footer .contact-form .MuiIconButton-label{color:#fff}.front-footer .contact-form .MuiFormHelperText-root{color:red}.front-footer .contact-form .loading-btn{width:150px;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:80%;font-size:1rem;padding:5px 0;color:#fff;background-color:#5a36a1}.front-footer .contact-form .loading-btn:hover{background-color:#7148c2}@media (max-width:770px){.front-footer .policy-rules{height:unset;line-height:1.5;font-size:12px;padding:0}}@media (max-width:570px){.front-footer{padding-left:15px}.front-footer .footer-icon{margin-right:10px}.front-footer .company-info{padding:0}.front-footer .company-info .tel{font-size:1rem}.front-footer .company-info .company-address{font-size:.8rem}.front-footer .company-info--top{display:none}.front-footer .company-info--bottom{display:block}.front-footer .contact-form{padding-left:0;padding-right:15px;margin:30px 0}}@media (max-width:320px){.front-footer .contact-info__content{flex-wrap:wrap}.front-footer .company-info .company-address{font-size:.9rem}.front-footer .company-info .tel{width:100%;margin-bottom:15px}.front-footer .company-info .tel .tel-num{margin-right:0}}.t-cloud-event{padding:0;font-family:"Golos-UI","GenYoGothic";line-height:1.5;white-space:pre-wrap;font-size:18px}.t-cloud-event h2{font-size:55px;font-weight:700}.t-cloud-event h3{font-size:18px;font-weight:bolder;color:#fff;text-align:center}.t-cloud-event h4{font-size:22px;font-weight:700}.t-cloud-event .custom-btn{font-size:18px;border-radius:5px;background-color:#164768;box-shadow:3px 3px 0 #11274c;color:#fff;padding:0 1rem;font-weight:700;margin:0 .5rem;text-transform:none}.t-cloud-event .custom-btn:hover{background-color:#123954}.t-cloud-event .banner{width:100%;height:29.4rem;background-image:url(/static/media/banner.ff678f0d.jpg);background-size:cover;background-repeat:no-repeat}.t-cloud-event .banner .topic-container{height:100%;text-align:right;margin-left:auto;padding:65px 20px;color:#fff;font-weight:700}.t-cloud-event .banner .topic-container p{font-weight:500;font-size:28px;padding-right:1rem}.t-cloud-event .banner .topic-container h2{padding-right:1rem;letter-spacing:3px}.t-cloud-event section{padding:30px 1rem;background-color:#fff}.t-cloud-event section .intro-block-container{display:flex;flex-direction:column;justify-content:space-between}.t-cloud-event section .intro-block{margin-bottom:30px}.t-cloud-event section .intro-block h4{margin-bottom:1rem}.t-cloud-event section .intro-block p{font-weight:400;font-size:18px;margin:.5rem 0}.t-cloud-event section .intro-block .contact-info{display:flex;align-items:center}.t-cloud-event section .intro-block .contact-info img{width:55px;aspect-ratio:1;margin-right:.5rem}.t-cloud-event section .intro-block.dm-sm{display:none}.t-cloud-event section .step-block-container .step-block{position:relative;color:#fff}.t-cloud-event section .step-block-container .step-block__info{top:10px;width:calc(100% - 2rem);height:calc(100% - 2rem);text-align:center;position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.t-cloud-event section .step-block-container .step-block__info__text-container{text-align:left}.t-cloud-event section .step-block-container .step-block__info__text-container span:nth-child(2),.t-cloud-event section .step-block-container .step-block__info__text-container span:nth-child(4){font-size:18px;font-weight:700}.t-cloud-event section table{text-align:center;font-size:16px}.t-cloud-event section table td,.t-cloud-event section table th{padding:1rem;border:1px solid #333;min-width:8rem}.t-cloud-event .process__container{display:flex}.t-cloud-event .process__container .step-block{position:relative;padding:0;display:flex;justify-content:center}.t-cloud-event .process__container .step-block img{width:100%}.t-cloud-event .process__container .step-block__info{position:absolute;top:0;color:#fff;height:100%;width:100%;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.t-cloud-event .process__container .step-block__info__text-container{text-align:left}.t-cloud-event .process__container .step-block__info__text-container span:nth-child(2),.t-cloud-event .process__container .step-block__info__text-container span:nth-child(4){font-size:18px;font-weight:700}.t-cloud-event .process__container .step-block__info h3{font-size:18px!important}@media (max-width:992px){.t-cloud-event .process__container{flex-direction:column}.t-cloud-event .process__container .step-block__info,.t-cloud-event .process__container .step-block img{width:50%}}@media (max-width:679px){.t-cloud-event .process__container .step-block__info,.t-cloud-event .process__container .step-block img{width:60%}}@media (max-width:590px){.t-cloud-event .process__container .step-block__info,.t-cloud-event .process__container .step-block img{width:70%}}@media (max-width:495px){.t-cloud-event .process__container .step-block__info,.t-cloud-event .process__container .step-block img{width:90%}}@media (max-width:400px){.t-cloud-event .process__container .step-block__info,.t-cloud-event .process__container .step-block img{width:100%}}@media (max-width:770px){.t-cloud-event h2{font-size:1.75rem}.t-cloud-event h3{font-size:1.3rem}.t-cloud-event .banner{height:320px}.t-cloud-event .banner .topic-container{padding:32px 50px}.t-cloud-event section .intro-block.dm-large{display:none}.t-cloud-event section .intro-block.dm-sm{display:block}.t-cloud-event section .step-block-container .step-block{max-width:245px;height:245px}.t-cloud-event section .step-block-container .step-block__sub-info{font-size:14px}.t-cloud-event section .step-block-container .step-block:before{font-size:270px;line-height:245px}}@media (max-width:570px){.t-cloud-event h2{font-size:18px}.t-cloud-event .custom-btn,.t-cloud-event h3{font-size:1rem}.t-cloud-event .logo-container{height:40px;padding:10px}.t-cloud-event .logo-container p{width:2rem}.t-cloud-event .logo-container img{height:100%}.t-cloud-event .banner{height:180px;background-size:cover;background-position-x:center}.t-cloud-event .banner .topic-container{width:55%;padding:1rem .5rem 1rem 0}.t-cloud-event .banner .topic-container .main-title{padding:.25rem .5rem}.t-cloud-event .banner .topic-container h2{padding-right:.5rem;padding-left:0}.t-cloud-event .banner .topic-container p{padding-left:0;padding-right:.5rem;font-size:12px}.t-cloud-event section{padding:1rem 0}.t-cloud-event section .intro-block-container{padding:0}.t-cloud-event section .intro-block,.t-cloud-event section .intro-block.dm-sm{margin-right:15px;padding:0 10px}.t-cloud-event section .intro-block.dm-sm h4,.t-cloud-event section .intro-block h4{margin-bottom:.5rem}.t-cloud-event section .intro-block.dm-sm>p{line-height:3}.t-cloud-event section .step-block-container{width:100%;max-width:unset;font-size:1rem;margin:0;padding:0}.t-cloud-event section .step-block-container .step-block{width:100%;max-width:unset;height:200px;margin:0 0 8px}.t-cloud-event section .step-block-container .step-block__sub-info{font-size:14px}.t-cloud-event section .step-block-container .step-block:before{font-size:225px;line-height:200px}.t-cloud-event section table td,.t-cloud-event section table th{padding:.5rem;border:1px solid #333;min-width:unset}}.pricing{width:100%;background-color:#4f308e;padding:50px 0;color:#fff}.pricing .step-circle{min-width:50px;min-height:50px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;margin-right:10px;font-size:1.3rem;font-weight:700}.pricing .info-text{font-size:1.2rem;font-weight:700;line-height:1.5}.pricing .more-btn{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;transition:.2s ease-in-out;width:unset;display:flex;align-items:center;justify-content:space-around;background-color:#fff;color:#5a36a1;box-shadow:3px 3px 0 #fff;border:1px solid #5a36a1;line-height:1.5}.pricing .more-btn:hover{background-color:#7148c2;background-color:#805bc8;color:#fff;border-color:#cabbe8;box-shadow:3px 3px 0 #805bc8}@media (max-width:570px){.pricing .info-container{margin-bottom:20px}.pricing .more-btn{width:60%;margin-top:10px}}.use-case-main{white-space:pre-wrap}.use-case-main__banner{width:100%;padding:100px 0;background-repeat:no-repeat;background-size:cover;background-position:50%}.use-case-main__banner__title{width:100%;font-size:2rem;font-weight:700;color:#fff;line-height:1.5}.use-case-main__banner__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:20px 0 0}.use-case-main__banner__button:hover{background-color:#7148c2}.use-case-main__analyse__title,.use-case-main__use-range__title{text-align:center;margin:30px 0;font-size:1.8rem;font-weight:700;color:#5a36a1}.use-case-main__analyse .case-card-container .case-card,.use-case-main__use-range .case-card-container .case-card{align-items:center}.use-case-main__analyse .case-card-container .case-card:after,.use-case-main__use-range .case-card-container .case-card:after{content:"";width:100%;height:3px;margin:40px 0;background-image:linear-gradient(90deg,#ccc 0,#ccc 50%,transparent 0);background-size:20px 3px;background-repeat:repeat-x}.use-case-main__analyse .case-card-container .case-card img,.use-case-main__use-range .case-card-container .case-card img{width:100%;height:250px;object-fit:cover;border-radius:5px}.use-case-main__analyse .case-card-container .case-card__topic,.use-case-main__use-range .case-card-container .case-card__topic{font-size:1.5rem;font-weight:700;color:#5a36a1;margin-bottom:10px;line-height:1.5}.use-case-main__analyse .case-card-container .case-card__text,.use-case-main__use-range .case-card-container .case-card__text{margin-bottom:20px;color:#424547}.use-case-main__analyse .case-card-container .case-card__text__subtitle,.use-case-main__use-range .case-card-container .case-card__text__subtitle{margin-bottom:10px;font-weight:700;font-size:1.1rem;color:#5a36a1}.use-case-main__analyse .case-card-container .case-card__text li,.use-case-main__use-range .case-card-container .case-card__text li{margin-bottom:10px;line-height:1.5}.use-case-main__analyse .case-card-container .case-card__button,.use-case-main__use-range .case-card-container .case-card__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out}.use-case-main__analyse .case-card-container .case-card__button:hover,.use-case-main__use-range .case-card-container .case-card__button:hover{background-color:#7148c2}.use-case-main__analyse .case-card-container .case-card .case-card-content,.use-case-main__use-range .case-card-container .case-card .case-card-content{padding:0 40px}.use-case-main__analyse .case-card-container .left-card .case-card-content,.use-case-main__use-range .case-card-container .left-card .case-card-content{padding-right:160px}.use-case-main__analyse .case-card-container .left-card .case-card__button,.use-case-main__use-range .case-card-container .left-card .case-card__button{margin:0}.use-case-main__analyse .case-card-container .right-card,.use-case-main__use-range .case-card-container .right-card{text-align:right}.use-case-main__analyse .case-card-container .right-card .case-card-content,.use-case-main__use-range .case-card-container .right-card .case-card-content{padding-left:160px}.use-case-main__analyse .case-card-container .right-card .case-card__button,.use-case-main__use-range .case-card-container .right-card .case-card__button{margin:0 0 0 auto}.use-case-main .range-card-container .range-card{width:350px;height:250px;border-radius:5px;margin-bottom:30px}.use-case-main .range-card-container .range-card img{width:100%;height:calc(100% - 36px);object-fit:cover;position:relative;border-radius:0 0 5px 5px;object-position:initial}.use-case-main .range-card-container .range-card__title{width:100%;text-align:center;color:#fff;background-color:#5a36a1;padding:10px;border-radius:5px 5px 0 0}.use-case-main .range-card-container .range-card__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;position:absolute;bottom:10%;left:calc(50% - 75px);z-index:99}.use-case-main .range-card-container .range-card__button:hover{background-color:#7148c2}.use-case-main .range-card-container .range-card__button a{display:block;text-decoration:none;color:#fff}.use-case-main .range-card-container .range-card .disabled-button{background-color:#666;box-shadow:3px 3px 0 #666;border-color:#ccc}.use-case-main__publicity{margin:30px 0;padding:20px;background-color:#5a36a1;color:#fff}.use-case-main__publicity__title{font-size:1.5rem;text-align:center;font-weight:700;padding-bottom:20px}.use-case-main__publicity .content-block{text-align:center}.use-case-main__publicity .content-block .number-text{font-size:2rem;margin:0 5px}.use-case-main__publicity .content-block__top{background-color:#2f1c55;padding:20px 0;margin-bottom:10px}.use-case-main__publicity .content-block__top__topic{font-size:1.2rem;font-weight:700}.use-case-main__publicity .content-block__top p{margin-top:10px}.use-case-main__publicity .content-block__bottom{font-size:1.5rem;font-weight:700;padding:10px}@media (max-width:770px){.use-case-main__analyse .case-card-container .left-card .case-card-content,.use-case-main__analyse .case-card-container .right-card .case-card-content,.use-case-main__use-range .case-card-container .left-card .case-card-content,.use-case-main__use-range .case-card-container .right-card .case-card-content{padding:0 40px}.use-case-main__analyse .case-card-container .left-card .case-card__button,.use-case-main__analyse .case-card-container .right-card .case-card__button,.use-case-main__use-range .case-card-container .left-card .case-card__button,.use-case-main__use-range .case-card-container .right-card .case-card__button{margin:0 auto}}@media (max-width:570px){.use-case-main__banner{padding:60px 0}.use-case-main__banner__title{font-size:1.3rem}.use-case-main__analyse__title,.use-case-main__use-range__title{font-size:1.3rem;line-height:1.5}.use-case-main__analyse .case-card-container .case-card,.use-case-main__use-range .case-card-container .case-card{text-align:center}.use-case-main__analyse .case-card-container .case-card__topic,.use-case-main__use-range .case-card-container .case-card__topic{margin-top:20px;font-size:1.3rem}.use-case-main__analyse .case-card-container .left-card .case-card-content,.use-case-main__use-range .case-card-container .left-card .case-card-content{padding:0 15px}.use-case-main__analyse .case-card-container .right-card,.use-case-main__use-range .case-card-container .right-card{flex-direction:column-reverse}.use-case-main__analyse .case-card-container .right-card .case-card-content,.use-case-main__use-range .case-card-container .right-card .case-card-content{padding:0 15px}.use-case-main__analyse .case-card-container .right-card:after,.use-case-main__use-range .case-card-container .right-card:after{width:0;height:0;margin:0}.use-case-main__analyse .case-card-container .right-card:before,.use-case-main__use-range .case-card-container .right-card:before{content:"";width:100%;height:3px;margin:40px 0;background-image:linear-gradient(90deg,#ccc 0,#ccc 50%,transparent 0);background-size:20px 3px;background-repeat:repeat-x}.use-case-main .range-card-container .range-card{width:100%}.use-case-main__publicity{padding:15px}.use-case-main__publicity__title{font-size:1.2rem;line-height:1.5;padding:0 50px 10px}.use-case-main__publicity .content-block{padding:10px 0 0}.use-case-main__publicity .content-block .number-text{font-size:2rem}.use-case-main__publicity .content-block__top{margin-bottom:0}.use-case-main__publicity .content-block__top__topic{font-size:1rem}.use-case-main__publicity .content-block__top p{font-size:.8rem}.use-case-main__publicity .content-block__bottom{font-size:1.2rem}}@media (max-width:320px){.use-case-main__banner__title{white-space:pre;font-size:1.3rem}.use-case-main__analyse__title,.use-case-main__use-range__title{font-size:1.3rem;padding:0 40px;margin:20px 0}.use-case-main__analyse .case-card-container .case-card__topic,.use-case-main__use-range .case-card-container .case-card__topic{font-size:1.1rem}.use-case-main__publicity__title{padding:0 0 10px}}.use-case-sub-page a{display:block;text-decoration:none;color:#fff}.use-case-sub-page h3{font-size:1.8rem;font-weight:700;color:#5a36a1;text-align:center;margin-bottom:30px;line-height:1.5}.use-case-sub-page__banner{padding:100px 0;background-repeat:no-repeat;background-size:cover;background-position:50%;color:#fff;text-shadow:0 0 10px rgba(44,44,44,.561)}.use-case-sub-page__banner__theme{font-size:2.5rem;font-weight:700;margin-bottom:10px;padding:0}.use-case-sub-page__banner__title{font-size:2rem;font-weight:700;margin-bottom:10px;padding:0}.use-case-sub-page__banner__subtitle{font-size:1.2rem;line-height:1.5;padding:0;margin-bottom:20px;font-weight:700}.use-case-sub-page__banner__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:0}.use-case-sub-page__banner__button:hover{background-color:#7148c2}.use-case-sub-page .case-hook{background-color:#f1f2fb;padding:30px 0}.use-case-sub-page .case-hook__card{text-align:center}.use-case-sub-page .case-hook__card img{height:150px}.use-case-sub-page .case-hook__card h4{font-size:1.3rem;font-weight:700;line-height:1.5;margin:15px 0;color:#5a36a1;white-space:pre-wrap}.use-case-sub-page .case-hook__card p{color:#424547;line-height:1.5;padding:0 60px}.use-case-sub-page .solution-container{background-color:#fff;padding:30px 0}.use-case-sub-page .solution-container .solution-card__topic{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#5a36a1;text-align:center}.use-case-sub-page .solution-container .solution-card__text-area{margin:auto 0;padding:40px}.use-case-sub-page .solution-container .solution-card__content{line-height:1.5}.use-case-sub-page .solution-container .solution-card__button{line-height:1;width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:20px auto 0}.use-case-sub-page .solution-container .solution-card__button:hover{background-color:#7148c2}.use-case-sub-page .solution-container .solution-card .video-player{width:100%!important;height:300px!important}.use-case-sub-page .solution-container .solution-card:after{content:"";width:100%;height:3px;margin:40px 0;background-image:linear-gradient(90deg,#ccc 0,#ccc 50%,transparent 0);background-size:20px 3px;background-repeat:repeat-x}.use-case-sub-page .solution-container .solution-card__video img{width:100%;border-radius:5px}.use-case-sub-page .solution-container .solution-card:last-child:after{content:none}.use-case-sub-page .client-example{padding:30px 0;background-color:#f1f2fb}.use-case-sub-page .client-example__card{margin-bottom:60px}.use-case-sub-page .client-example__card__img{width:100%;max-height:300px}.use-case-sub-page .client-example__card__img img{width:90%;height:100%;object-fit:cover;border-radius:5px;overflow:hidden}.use-case-sub-page .client-example__card__text-area{line-height:1.5;margin:auto 0;padding:30px}.use-case-sub-page .client-example__card__text-area .industry-category{font-size:1.5rem;font-weight:700;color:#5a36a1}.use-case-sub-page .client-example__card__text-area__subtitle{font-size:1.5rem;font-weight:700;margin-bottom:15px}.use-case-sub-page .client-example__card__text-area__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:20px auto 0}.use-case-sub-page .client-example__card__text-area__button:hover{background-color:#7148c2}.use-case-sub-page .product-strength{background-color:#5a36a1;padding:30px 0;color:#5a36a1}.use-case-sub-page .product-strength__title{display:flex;align-items:center;justify-content:center;margin-bottom:30px}.use-case-sub-page .product-strength__title h3{height:50px;padding:0 80px;background-color:#fff;margin-bottom:0;line-height:1.75}.use-case-sub-page .product-strength__title .triangle-left{width:0;height:0;border:25px solid transparent;border-right-color:#fff}.use-case-sub-page .product-strength__title .triangle-right{width:0;height:0;border:25px solid transparent;border-left-color:#fff}.use-case-sub-page .product-strength__card{background-color:#fff;padding:20px 30px;margin:0 15px}.use-case-sub-page .product-strength__card__title{font-size:1.3rem;font-weight:700;margin-bottom:15px;text-align:center}.use-case-sub-page .product-strength__card__content{line-height:1.5}.use-case-sub-page .link-to-other-page{padding:30px 0;background-color:#fff}.use-case-sub-page .call-action{width:100%;background-repeat:no-repeat;background-size:cover;background-position:center 40%;padding:60px 0}.use-case-sub-page .call-action__text{width:80%;margin:0 auto}.use-case-sub-page .call-action__title{font-size:2rem;font-weight:700;text-align:center;color:#fff;padding-top:40px;text-shadow:3px 3px 10px rgba(0,0,0,.603)}.use-case-sub-page .call-action__subtitle{font-size:1.8rem;font-weight:700;color:#fff;margin-top:20px;text-align:center;text-shadow:3px 3px 10px #000}.use-case-sub-page .call-action .call-action-btn-container{display:flex;justify-content:center;margin-top:60px;align-items:center}.use-case-sub-page .call-action__btn{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:0 20px}.use-case-sub-page .call-action__btn:hover{background-color:#7148c2}.use-case-sub-page .call-action__btn.go-contact{background-color:#545ba8;box-shadow:3px 3px 0 #545ba8;border-color:#b9bcdc}.use-case-sub-page .call-action__btn.go-contact:hover{background-color:#757bba}@media (max-width:770px){.use-case-sub-page .case-hook__card p{padding:0 15px}.use-case-sub-page .solution-container .solution-card__topic{font-size:1.3rem}.use-case-sub-page .solution-container .solution-card__video{padding:0}.use-case-sub-page .solution-container .solution-card .video-player{height:260px!important}.use-case-sub-page .solution-container .solution-card:after{margin:20px 0}.use-case-sub-page .client-example{padding:30px 0;background-color:#f1f2fb}.use-case-sub-page .client-example__card__text-area .industry-category{font-size:1.3rem}.use-case-sub-page .client-example__card__text-area__subtitle{font-size:1.3rem;margin-bottom:10px}.use-case-sub-page .product-strength__card{padding:20px 10px;margin:0 10px}}@media (max-width:570px){.use-case-sub-page__banner{padding:30px 0;background-position:inherit;text-shadow:0 0 10px #0a0a0a}.use-case-sub-page__banner__theme{font-size:1.8rem}.use-case-sub-page__banner__title{font-size:1.4rem}.use-case-sub-page__banner__subtitle{font-size:1rem}.use-case-sub-page h3{font-size:1.4rem}.use-case-sub-page .case-hook__card,.use-case-sub-page .solution-container h3{margin-bottom:20px}.use-case-sub-page .solution-container .solution-card__video{padding:0 10px}.use-case-sub-page .solution-container .solution-card__text-area{padding:20px 15px}.use-case-sub-page .solution-container .solution-card .video-player{height:230px!important}.use-case-sub-page .solution-container .solution-card:after{content:none}.use-case-sub-page .client-example__card{margin-bottom:0}.use-case-sub-page .client-example__card__img{max-height:230px;margin-bottom:20px}.use-case-sub-page .client-example__card__img img{width:100%;max-height:230px}.use-case-sub-page .client-example__card__text-area{padding-top:0}.use-case-sub-page .client-example__card__text-area .industry-category,.use-case-sub-page .client-example__card__text-area__subtitle{text-align:center}.use-case-sub-page .product-strength__title h3{padding:0 20px;line-height:2.5;font-size:1.3rem}.use-case-sub-page .product-strength__card{margin-bottom:20px}.use-case-sub-page .call-action{padding:30px 0}.use-case-sub-page .call-action__text{width:100%;padding:0 10px}.use-case-sub-page .call-action__title{font-size:1.1rem}.use-case-sub-page .call-action__subtitle{font-size:1.1rem;margin-top:10px}.use-case-sub-page .call-action .call-action-btn-container{margin-top:30px}}.device-binding tbody td{text-align:unset}.transfer-container div.topic{padding-left:10px;border-left:10px solid #5a36a1;font-weight:700;font-size:18px;margin-bottom:1rem}.transfer-container .fieldset{display:flex}.transfer-container .fieldset .title{margin-right:30px;font-weight:700}.transfer-container .transfer-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:100%;margin:20px auto 0;padding:5px}.transfer-container .transfer-btn:hover{background-color:#7148c2}.transfer-container .transfer-btn.Mui-disabled{background-color:#ccc;border-color:#bbb;box-shadow:3px 3px 0 #bbb}.transfer-container .device-point-transfer,.transfer-container .point-display{width:50%;padding:0 15px}@media (max-width:570px){.transfer-container{flex-direction:column-reverse}.transfer-container .device-point-transfer,.transfer-container .point-display{width:100%;padding:0;margin-bottom:30px}}.modal-body.custom-table-list-dialog .MuiTableRow-root.MuiTableRow-head th{background-color:#f1f2fb}.modal-body.custom-table-list-dialog .MuiPaper-root.MuiPaper-rounded{box-shadow:unset}.buy-point-terms{width:90%;height:calc(100vh - 102px);background-color:#fff;padding:10px;margin:10px auto;border-radius:5px;box-shadow:3px 3px 5px rgba(51,51,51,.2);letter-spacing:.5px;line-height:1.5;display:flex;flex-direction:column;justify-content:space-around}.buy-point-terms h2{font-weight:700;font-size:1.6rem;text-align:center}.buy-point-terms h3{font-weight:700;margin:1rem 0;font-size:1.2rem}.buy-point-terms h4{margin-bottom:.5rem;padding:5px;border:1px solid #000}.buy-point-terms p{margin-bottom:.4rem}.buy-point-terms .terms-container{max-height:calc(100vh - 243px);overflow-y:scroll;width:100%;background-color:#f9f9fd;border:1px solid rgba(51,51,51,.2)}.buy-point-terms .terms-container .link{padding:0 5px;cursor:pointer;color:#4040ff}.buy-point-terms .terms-container .link:hover{color:#0303be}.buy-point-terms .terms-container .terms-content{padding:20px}.buy-point-terms .terms-container .checked-container{border:1px solid #000;padding:0 20px;margin:20px 0}.buy-point-terms .terms-container .checked-container span{font-weight:bolder;cursor:pointer}.buy-point-terms .terms-container .checked-container .checkbox-container{display:flex;align-items:center;transform:translateX(-10px)}.buy-point-terms .terms-container .checked-container .checkbox-container .MuiButtonBase-root:hover{background-color:#e8e1f5}.buy-point-terms .terms-container .checked-container .checkbox-container span{font-size:1.2rem}@media (max-width:570px){.buy-point-terms .terms-container .checked-container .checkbox-container span{font-size:.85rem}}.buy-point-terms .btn-container .btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;display:block;width:25%;padding:5px;margin:20px auto;display:flex;justify-content:center}.buy-point-terms .btn-container .btn:hover{background-color:#7148c2}.buy-point-terms .btn-container .btn--disabled{background-color:grey;box-shadow:3px 3px 0 grey;border-color:#f1f1f1;font-weight:400}.buy-point-terms .btn-container .btn--disabled:hover{background-color:grey}.buy-point-terms .btn-container .btn--return{background-color:#fff;color:#000;box-shadow:3px 3px 0 #5a36a1}.buy-point-terms .btn-container .btn--return:hover{background-color:#e8e1f5;color:#5a36a1}@media (max-width:570px){.buy-point-terms .btn-container{margin-top:30px}.buy-point-terms .btn-container .btn{width:100%}.buy-point-terms .checked-container span{display:block}}.news-center .title{display:flex;justify-content:space-between;align-items:center;padding-top:60px;margin-bottom:30px}.news-center .title h2{width:300px;text-align:center;font-weight:700;color:#333;font-size:1.5rem;padding:10px;border-radius:5px;color:#fff;background-color:#5a36a1}.news-center .title .decorate-line{width:calc(50% - 150px);height:3px;background-color:#5a36a1}.news-center .news-carousel{width:100%}.news-center nav.news-type{width:100%;display:flex;justify-content:center;margin:30px 0;border-bottom:1px solid rgba(51,51,51,.4)}.news-center nav.news-type .nav-link{width:20%;text-align:center;padding-bottom:10px;cursor:pointer;position:relative}.news-center nav.news-type .nav-link:after{content:"";width:0;height:5px;background-color:#8f6ecf;position:absolute;bottom:-2.5px;left:0;transition:all .2s ease-in-out}.news-center nav.news-type .nav-link:hover{color:#5a36a1}.news-center nav.news-type .nav-link:hover:after{content:"";width:100%;color:#8f6ecf}.news-center nav.news-type .nav-link--active{color:#5a36a1;font-weight:700}.news-center nav.news-type .nav-link--active:after{content:"";width:100%;background-color:#5a36a1}.news-center .spinner-container{padding:100px 0;display:flex;justify-content:center;align-items:center}.news-center .spinner-container .spinner-grow{width:50px;height:50px;background-color:#5a36a1}.news-center .spinner-container p{color:#5a36a1;text-align:center;font-weight:700;margin-left:20px}@media (max-width:570px){.news-center nav.news-type .nav-link{padding:.5rem}}.custom-news-carousel-card{width:100%;height:300px;border:1px solid #333;padding:10px;border-radius:5px;background-color:#fff;box-shadow:5px 5px 0 #c9cdf0}.custom-news-carousel-card .swiper-container{width:100%;height:100%}.custom-news-carousel-card .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}.custom-news-carousel-card .swiper-pagination-bullet{width:10px;height:10px}.custom-news-carousel-card .swiper-button-next.swiper-button-disabled,.custom-news-carousel-card .swiper-button-prev.swiper-button-disabled{text-shadow:unset;color:transparent}.custom-news-carousel-card .swiper-button-next,.custom-news-carousel-card .swiper-button-prev{text-shadow:2px 2px 5px rgba(51,51,51,.527)}.custom-news-carousel-card .swiper-button-next:hover,.custom-news-carousel-card .swiper-button-prev:hover{color:#00ffc8}.custom-news-carousel-card .swiper-slide{height:280px}.custom-news-carousel-card .swiper-pagination-bullet-active{background:#00ffc8}.custom-news-carousel-card__content{display:flex;width:100%;height:280px;background-color:#f1f2fb;border-radius:0 5px 5px 0}.custom-news-carousel-card__content__img{width:60%;height:100%;border-radius:5px 0 0 5px;border-right:3px solid #fff}.custom-news-carousel-card__content__img img{width:100%;height:100%;object-fit:cover;border-radius:5px 0 0 5px}.custom-news-carousel-card__content__textarea{width:40%;padding:20px 30px 20px 20px;line-height:1.2;position:relative}.custom-news-carousel-card__content__textarea .news-type{padding:5px 10px;color:#fff;margin-right:10px;border-radius:5px}.custom-news-carousel-card__content__textarea .news-type--red{background-color:#c11a1a}.custom-news-carousel-card__content__textarea .news-type--orange{background-color:#da6506}.custom-news-carousel-card__content__textarea .news-type--blue{background-color:#006eff}.custom-news-carousel-card__content__textarea .time{font-weight:700;padding-bottom:10px;border-bottom:1px solid #333}.custom-news-carousel-card__content__textarea .topic{font-size:1.4rem;font-weight:700;margin:1rem 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.custom-news-carousel-card__content__textarea .paragraph{width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;color:#333}.custom-news-carousel-card__content__textarea .btn{width:150px;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:calc(100% - 40px);padding:5px;background-color:#5a36a1;color:#fff;margin:auto auto 0;transition:all .3s ease-in-out;position:absolute;bottom:20px}.custom-news-carousel-card__content__textarea .btn:hover{background-color:#7148c2}@media (max-width:770px){.custom-news-carousel-card__content__img{width:55%}.custom-news-carousel-card__content__textarea{width:45%;font-size:14px}}@media (max-width:570px){.custom-news-carousel-card{height:350px}.custom-news-carousel-card .swiper-slide{height:300px}.custom-news-carousel-card__content{height:300px;flex-direction:column;background-color:#fff;position:relative}.custom-news-carousel-card__content__img{width:100%;height:140px;border-radius:5px 5px 0 0;border-right:unset}.custom-news-carousel-card__content__img img{object-fit:cover;border-radius:5px 5px 0 0}.custom-news-carousel-card__content__textarea{width:100%;padding:15px 30px;position:unset}.custom-news-carousel-card__content__textarea .time{font-size:12px}.custom-news-carousel-card__content__textarea .topic{font-size:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;margin:5px 0}.custom-news-carousel-card__content__textarea .paragraph{font-size:14px;-webkit-line-clamp:1}.custom-news-carousel-card__content__textarea .btn{width:calc(100% - 20px);left:10px;bottom:0}}.custom-search-bar{width:300px;border:1px solid #333;border-radius:5px;padding:5px 10px;box-shadow:5px 5px 0 #c9cdf0;background-color:#fff;margin-left:auto;margin-right:60px}.custom-search-bar .MuiInputBase-root{width:246px}@media (max-width:770px){.custom-search-bar{margin-right:30px}}@media (max-width:570px){.custom-search-bar{width:calc(100% - 20px);margin:0 auto}.custom-search-bar .MuiInputBase-root{width:calc(100% - 24px)}}.announcement-form textarea{line-height:20px}.announcement-form .fieldset{margin-bottom:1rem}.announcement-form .tips-text{font-size:.8rem;color:red;line-height:1.2}.announcement-form .tips-text>p{margin:5px 0}.announcement-form .upload-img-preview{width:300px;height:169px;border:1px solid #aaa}.announcement-form .upload-img-preview .preview-text{text-align:center;color:grey;font-size:1.2rem;line-height:169px}.announcement-form .upload-img-preview .preview-img{width:100%;height:100%;object-fit:contain}@media (max-width:570px){.announcement-form .upload-img-preview{width:100%}}.term-page{padding:30px 10px;line-height:1.5}.term-page h2{font-weight:700;font-size:1.8rem;text-align:center;margin-bottom:1rem}.term-page h3{font-weight:600;font-size:1.5rem;color:#424547}.term-page h3:before{content:"■";margin-right:.5rem}.term-page h4{font-size:1.2rem;margin:.5rem 0;display:inline-block;padding:0 .5rem;border:1px solid #424547}.term-page ol{margin-bottom:1.2rem;list-style:decimal;list-style-position:inside}.term-page ol>li>ol{padding-top:.5rem;padding-left:1rem;list-style-position:inside!important;list-style:lower-alpha}.term-page li{margin-bottom:.5rem;color:#424547}.term-page ul{list-style:disc;list-style-position:inside}.term-page p{margin:.5rem 0}.article-card-container{width:100%;padding:30px 60px}.article-card-container .article-card{width:100%;height:200px;border:1px solid #333;box-shadow:5px 5px 0 #c9cdf0;margin-bottom:60px;padding:10px;position:relative;border-radius:5px;background-color:#fff}.article-card-container .article-card .article-type{width:100px;padding:10px;color:#fff;font-weight:700;font-size:1.2rem;position:absolute;left:-30px;top:-20px;border-radius:5px;box-shadow:2px 2px 0 #fff;text-align:center}.article-card-container .article-card .article-type--red{background-color:#c11a1a}.article-card-container .article-card .article-type--orange{background-color:#da6506}.article-card-container .article-card .article-type--blue{background-color:#006eff}.article-card-container .article-card .article-type--darkGray{background-color:#333}.article-card-container .article-card .article{width:100%;height:100%;display:flex;line-height:1.2}.article-card-container .article-card .article__img{width:50%;height:100%}.article-card-container .article-card .article__img img{width:calc(100% - 20px);height:100%;object-fit:cover}.article-card-container .article-card .article__textarea{width:50%;padding:20px;position:relative}.article-card-container .article-card .article__textarea .time{margin-bottom:10px;color:#333;padding-left:5px;border-left:5px solid #8f6ecf}.article-card-container .article-card .article__textarea .topic{margin-bottom:10px;font-weight:700;font-size:1.2rem}.article-card-container .article-card .article__textarea .content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-card-container .article-card .article__textarea .btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px;padding:5px;position:absolute;bottom:10px;right:10px}.article-card-container .article-card .article__textarea .btn:hover{background-color:#7148c2}.article-card-container .article-card:last-child{margin-bottom:0}@media (max-width:770px){.article-card-container{padding:30px}}@media (max-width:570px){.article-card-container{padding:40px 10px 10px}.article-card-container .article-card{height:250px;position:relative}.article-card-container .article-card .article-type{left:-10px}.article-card-container .article-card .article{flex-direction:column}.article-card-container .article-card .article__img{width:100%;height:80px}.article-card-container .article-card .article__img img{width:100%;height:100%}.article-card-container .article-card .article__textarea{width:100%;padding:10px;position:unset}.article-card-container .article-card .article__textarea .topic{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.article-card-container .article-card .article__textarea .btn{width:calc(100% - 20px)}}.page-controller{padding-bottom:60px;text-align:center;font-family:"Roboto"}.page-controller .pagination{justify-content:center}.page-controller .pagination .page-item{width:40px;height:40px;margin:0 8px;-webkit-user-select:none;user-select:none}.page-controller .pagination .page-link{width:100%;height:100%;line-height:40px;color:#333;padding:0;border-color:transparent;border-radius:50%;font-weight:700}.page-controller .pagination .page-link:focus{box-shadow:none}.page-controller .pagination .page-item.active .page-link{color:#fff;background-color:#6d72e7}.page-controller .pagination .page-item.disabled .page-link{color:#ccc}.news-article{padding:30px 20px;background-color:#fff;margin-bottom:30px}.news-article__title{text-align:center;font-weight:700;font-size:1.5rem;line-height:1.2}.news-article__type{font-size:14px;margin-right:.5rem}.news-article__time{font-size:14px;color:#333;padding-left:5px;border-left:5px solid #8f6ecf}.news-article__btn{width:150px;background-color:#5a36a1;color:#fff;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;margin:30px auto 0;padding:10px;text-align:center;cursor:pointer;transition:all .3s ease-in-out}.news-article__btn:hover{background-color:#7148c2;background-color:#45297b}.news-article .news-display-wrapper{width:100%;min-height:calc(100vh - 312px);line-height:1.5}.news-article .news-display-wrapper img{max-width:100%}@media (max-width:770px){.news-article figure{width:100%}.news-article figure img{width:100%!important}}@media (max-width:570px){.news-article__title{text-align:left}}.storage-folder .folder-title{color:#666;padding:8px 6px}.storage-folder .img-container{width:100%;display:flex;flex-wrap:wrap}.storage-folder .img-container .img-block{width:160px;height:90px;border:1px solid #333;margin:6px;position:relative;transition:all .3s ease-in-out}.storage-folder .img-container .img-block img{width:100%;height:100%;object-fit:contain;transition:all .3s ease-in-out}.storage-folder .img-container .img-block .overlay{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;grid-column-gap:20px;column-gap:20px;opacity:0;background-color:rgba(0,0,0,.8);transition:opacity .3s ease-in-out}.storage-folder .img-container .img-block .overlay:hover{opacity:1}.storage-folder .img-container .img-block .action{color:#aaa;cursor:pointer;transition:color .3s ease-in-out}.storage-folder .img-container .img-block .action:hover{color:#fff}.storage-folder .page-controller{padding-bottom:0}.storage-management h2{font-size:2rem;text-align:center;font-weight:700;padding-bottom:16px}.storage-management .tab-container{display:flex;justify-content:center;margin:1.5rem 0;border-bottom:1px solid #ccc}.storage-management .tab-container .tab{width:20%;text-align:center;padding-bottom:10px;cursor:pointer;position:relative}.storage-management .tab-container .tab:after{content:"";width:0;height:5px;background-color:#8f6ecf;position:absolute;bottom:-2.5px;left:0;transition:all .2s ease-in-out}.storage-management .tab-container .tab:hover{color:#5a36a1}.storage-management .tab-container .tab:hover:after{content:"";width:100%;color:#8f6ecf}.storage-management .tab-container .tab--active{color:#5a36a1;font-weight:700}.storage-management .tab-container .tab--active:after{content:"";width:100%;background-color:#5a36a1}.storage-management .folder-container,.storage-management .folder-container .img-container{width:100%}.storage-management .folder-container .img-container .img-block{width:calc(25% - 12px);height:180px}.error-page{width:100%;height:100%;text-align:center;background:linear-gradient(45deg,#545ba8 40%,#5a36a1 60%)}.error-page,.error-page .content{padding:30px 0;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-page .content{width:50%;min-height:60vh;background-color:#fff}.error-page .content h2{font-size:8rem;font-weight:700}.error-page .content p{margin:1rem 0;font-size:1.5rem}.error-page .content svg{width:6rem;height:6rem}.error-page .content button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out}.error-page .content button:hover{background-color:#7148c2}@media (min-width:1920px){.error-page .content{height:40vh}}@media (max-width:770px){.error-page .content{width:80%}}.unauthorized-page{text-align:center;padding:60px 0}.unauthorized-page .content h2{font-size:8rem;font-weight:700}.unauthorized-page .content p{margin:1rem 0;font-size:1.5rem}.unauthorized-page .content svg{width:6rem;height:6rem}.unauthorized-page .content button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out}.unauthorized-page .content button:hover{background-color:#7148c2}.plan-intro{background-color:#fff}.plan-intro .content{padding-top:40px;min-height:unset}.plan-intro__title{font-size:3rem;font-weight:700;text-align:center;margin:40px auto;line-height:1.2}@media (max-width:991px){.plan-intro__title{font-size:2.8rem}}@media (max-width:515px){.plan-intro__title{font-size:1.8rem}}.plan-intro__sub-title{font-size:2rem;font-weight:500;text-align:center;margin:24px auto 36px;line-height:1.2}@media (max-width:450px){.plan-intro__sub-title{font-size:1.4rem}}.plan-intro__sub-title.more-product span:nth-child(2){font-weight:700}.plan-intro__key-vision{display:flex}@media (max-width:991px){.plan-intro__key-vision{flex-direction:column}}.plan-intro__key-vision .img-container{display:flex;align-items:center}.plan-intro__key-vision .img-container img{width:100%}.plan-intro__key-vision__title{font-size:2.5rem;margin-bottom:20px;word-break:keep-all;font-weight:700;text-align:center;line-height:1.2;white-space:pre-wrap;margin-top:40px}@media (max-width:495px){.plan-intro__key-vision__title{font-size:2rem}}@media (max-width:429px){.plan-intro__key-vision__title{margin-top:0;font-size:1.6rem}}.plan-intro__key-vision__content{margin:40px auto;white-space:pre-wrap;font-size:1.2rem;line-height:1.4}@media (max-width:991px){.plan-intro__key-vision__content{font-size:1.6rem}}@media (max-width:767px){.plan-intro__key-vision__content{font-size:1.3rem}}@media (max-width:537px){.plan-intro__key-vision__content{font-size:1.2rem}}.plan-intro__key-vision__checkboxItem{font-size:1.2rem;font-weight:700}.plan-intro__key-vision__checkboxItem__item{display:flex;margin-bottom:10px}.plan-intro__key-vision__checkboxItem__item div.text{display:flex;align-items:center;margin-left:5px;line-height:1.2}@media (max-width:991px){.plan-intro__key-vision__checkboxItem__item div.text{font-size:1.4rem}}@media (max-width:537px){.plan-intro__key-vision__checkboxItem__item div.text{font-size:1.2rem}}@media (max-width:400px){.plan-intro__key-vision__checkboxItem__item div.text{font-size:1rem}}.plan-intro__introduce__editor__ta__container{display:flex;text-align:center;padding-bottom:40px}.plan-intro__introduce__editor__ta__container .left__content,.plan-intro__introduce__editor__ta__container .right__content{background-color:#f7f7f7;border-radius:10px;padding-top:20px;height:100%}.plan-intro__introduce__editor__ta__container .left__content__title,.plan-intro__introduce__editor__ta__container .right__content__title{white-space:pre-wrap;font-size:1.8rem;text-align:center;margin-bottom:20px;word-break:keep-all;line-height:1.2}.plan-intro__introduce__editor__ta__container .left__content__title span,.plan-intro__introduce__editor__ta__container .right__content__title span{font-weight:700}@media (max-width:991px){.plan-intro__introduce__editor__ta__container .left__content__title,.plan-intro__introduce__editor__ta__container .right__content__title{font-size:1.3rem}}@media (max-width:767px){.plan-intro__introduce__editor__ta__container .left__content__title,.plan-intro__introduce__editor__ta__container .right__content__title{font-size:1.8rem}}@media (max-width:430px){.plan-intro__introduce__editor__ta__container .left__content__title,.plan-intro__introduce__editor__ta__container .right__content__title{font-size:1.6rem}}@media (max-width:390px){.plan-intro__introduce__editor__ta__container .left__content__title,.plan-intro__introduce__editor__ta__container .right__content__title{font-size:1.4rem}}.plan-intro__introduce__editor__ta__container .left__content__question-container,.plan-intro__introduce__editor__ta__container .right__content__question-container{display:flex;justify-content:space-around}.plan-intro__introduce__editor__ta__container .left__content__question-container__question,.plan-intro__introduce__editor__ta__container .right__content__question-container__question{display:flex;flex-direction:column;align-items:center;padding:0}.plan-intro__introduce__editor__ta__container .left__content__question-container__question img,.plan-intro__introduce__editor__ta__container .right__content__question-container__question img{width:90%;border-radius:50%}.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{white-space:pre-wrap;line-height:1.2;padding:40px 0 20px}.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text span:nth-child(2),.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text span:nth-child(2){font-weight:700}@media (max-width:1199px){.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{font-size:.85rem}}@media (max-width:991px){.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{font-size:.7rem}}@media (max-width:767px){.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{font-size:1rem}}@media (max-width:669px){.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{font-size:.85rem}}@media (max-width:488px){.plan-intro__introduce__editor__ta__container .left__content__question-container__question__text,.plan-intro__introduce__editor__ta__container .right__content__question-container__question__text{font-size:.75rem}}@media (max-width:767px){.plan-intro__introduce__editor__ta__container{flex-direction:column}.plan-intro__introduce__editor__ta__container .left{padding-bottom:20px}}.plan-intro__introduce__editor__cloud__container,.plan-intro__introduce__editor__lease__container{display:flex}.plan-intro__introduce__editor__cloud__container .left img,.plan-intro__introduce__editor__lease__container .left img{width:100%}.plan-intro__introduce__editor__cloud__container .right,.plan-intro__introduce__editor__lease__container .right{display:flex;flex-direction:column;justify-content:space-between}.plan-intro__introduce__editor__cloud__container .right__content-container,.plan-intro__introduce__editor__lease__container .right__content-container{display:flex;flex-direction:column;margin-top:90px}.plan-intro__introduce__editor__cloud__container .right__content-container__content,.plan-intro__introduce__editor__lease__container .right__content-container__content{margin-bottom:40px}.plan-intro__introduce__editor__cloud__container .right__content-container__content__title,.plan-intro__introduce__editor__lease__container .right__content-container__content__title{font-size:2.5rem;margin-bottom:20px;word-break:keep-all;font-weight:700}@media (max-width:495px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__title,.plan-intro__introduce__editor__lease__container .right__content-container__content__title{font-size:2rem}}@media (max-width:429px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__title,.plan-intro__introduce__editor__lease__container .right__content-container__content__title{font-size:1.6rem}}.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{white-space:pre-wrap;font-size:1.2rem;line-height:1.4}.plan-intro__introduce__editor__cloud__container .right__content-container__content__text span:nth-child(2n),.plan-intro__introduce__editor__lease__container .right__content-container__content__text span:nth-child(2n){font-weight:700}@media (max-width:1199px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{font-size:1rem}}@media (max-width:991px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{font-size:1.2rem}}@media (max-width:767px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{font-size:1.1rem}}@media (max-width:536px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{font-size:1rem}}@media (max-width:495px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__text{font-size:.9rem}}.plan-intro__introduce__editor__cloud__container .right__content-container__content__service-container,.plan-intro__introduce__editor__lease__container .right__content-container__content__service-container{display:flex;justify-content:space-around}.plan-intro__introduce__editor__cloud__container .right__content-container__content__service-container__service,.plan-intro__introduce__editor__lease__container .right__content-container__content__service-container__service{display:flex;flex-direction:column;align-items:center;padding:0}.plan-intro__introduce__editor__cloud__container .right__content-container__content__service-container__service img,.plan-intro__introduce__editor__lease__container .right__content-container__content__service-container__service img{width:100%}.plan-intro__introduce__editor__cloud__container .right__content-container__content__service-container__service__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__service-container__service__text{text-align:center}@media (max-width:463px){.plan-intro__introduce__editor__cloud__container .right__content-container__content__service-container__service__text,.plan-intro__introduce__editor__lease__container .right__content-container__content__service-container__service__text{font-size:.9rem}}@media (max-width:991px){.plan-intro__introduce__editor__cloud__container .right__content-container,.plan-intro__introduce__editor__lease__container .right__content-container{margin-top:0}}.plan-intro__introduce__editor__cloud__container .right__button-container,.plan-intro__introduce__editor__lease__container .right__button-container{display:flex;justify-content:space-between}.plan-intro__introduce__editor__cloud__container .right__button-container__button,.plan-intro__introduce__editor__lease__container .right__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__introduce__editor__cloud__container .right__button-container__button:hover,.plan-intro__introduce__editor__lease__container .right__button-container__button:hover{background-color:#7148c2}.plan-intro__introduce__editor__cloud__container .right__button-container__button a,.plan-intro__introduce__editor__lease__container .right__button-container__button a{color:#fff}.plan-intro__introduce__editor__cloud__container .right__button-container__button.pricing,.plan-intro__introduce__editor__lease__container .right__button-container__button.pricing{width:220px}@media (max-width:509px){.plan-intro__introduce__editor__cloud__container .right__button-container,.plan-intro__introduce__editor__lease__container .right__button-container{flex-direction:column}.plan-intro__introduce__editor__cloud__container .right__button-container__button,.plan-intro__introduce__editor__lease__container .right__button-container__button{width:220px}.plan-intro__introduce__editor__cloud__container .right__button-container__button:not(.pricing),.plan-intro__introduce__editor__lease__container .right__button-container__button:not(.pricing){margin-bottom:10px}}@media (max-width:991px){.plan-intro__introduce__editor__cloud__container,.plan-intro__introduce__editor__lease__container{flex-direction:column}}.plan-intro__introduce__solution__container{display:flex}.plan-intro__introduce__solution__container .left img{width:100%}.plan-intro__introduce__solution__container .right__content-container{display:flex;flex-direction:column;margin-top:90px}.plan-intro__introduce__solution__container .right__content-container__content{margin-bottom:40px}.plan-intro__introduce__solution__container .right__content-container__content__title{font-size:2.5rem;margin-bottom:40px;word-break:keep-all;font-weight:700;white-space:pre-wrap;line-height:1.2}@media (max-width:495px){.plan-intro__introduce__solution__container .right__content-container__content__title{font-size:2rem}}@media (max-width:429px){.plan-intro__introduce__solution__container .right__content-container__content__title{font-size:1.6rem}}.plan-intro__introduce__solution__container .right__content-container__content__text{white-space:pre-wrap;font-size:1.2rem;line-height:1.4}@media (max-width:1199px){.plan-intro__introduce__solution__container .right__content-container__content__text{font-size:1rem}}@media (max-width:991px){.plan-intro__introduce__solution__container .right__content-container__content__text{font-size:1.2rem}}@media (max-width:767px){.plan-intro__introduce__solution__container .right__content-container__content__text{font-size:1.1rem}}@media (max-width:536px){.plan-intro__introduce__solution__container .right__content-container__content__text{font-size:1rem}}@media (max-width:495px){.plan-intro__introduce__solution__container .right__content-container__content__text{font-size:.9rem}}.plan-intro__introduce__solution__container .right__content-container__content__plan-container{display:flex;justify-content:space-around}.plan-intro__introduce__solution__container .right__content-container__content__plan-container__plan{display:flex;flex-direction:column;align-items:center;padding:0}.plan-intro__introduce__solution__container .right__content-container__content__plan-container__plan img{width:100%}.plan-intro__introduce__solution__container .right__content-container__content__plan-container__plan__text{text-align:center}@media (max-width:463px){.plan-intro__introduce__solution__container .right__content-container__content__plan-container__plan__text{font-size:.9rem}}@media (max-width:991px){.plan-intro__introduce__solution__container .right__content-container{margin-top:0}}.plan-intro__introduce__solution__container .right__button-container{display:flex;justify-content:space-between;margin-top:40px}.plan-intro__introduce__solution__container .right__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__introduce__solution__container .right__button-container__button:hover{background-color:#7148c2}.plan-intro__introduce__solution__container .right__button-container__button a{color:#fff}.plan-intro__introduce__solution__container .right__button-container .left{margin:0}@media (max-width:991px){.plan-intro__introduce__solution__container .right__button-container .left{margin:0 auto}}.plan-intro__introduce__solution__container .right__button-container .illustrate{width:220px}@media (max-width:991px){.plan-intro__introduce__solution__container .right__button-container{margin-top:0}}@media (max-width:509px){.plan-intro__introduce__solution__container .right__button-container{flex-direction:column}.plan-intro__introduce__solution__container .right__button-container .illustrate{margin-bottom:10px}}@media (max-width:991px){.plan-intro__introduce__solution__container{flex-direction:column}}.plan-intro__introduce__tool__container{display:flex}.plan-intro__introduce__tool__container .left img{width:100%}.plan-intro__introduce__tool__container .right__content-container{display:flex;flex-direction:column;margin-top:90px}.plan-intro__introduce__tool__container .right__content-container__content{margin-bottom:40px}.plan-intro__introduce__tool__container .right__content-container__content__title{font-size:2.5rem;margin-bottom:40px;word-break:keep-all;font-weight:700;white-space:pre-wrap;line-height:1.2}@media (max-width:495px){.plan-intro__introduce__tool__container .right__content-container__content__title{font-size:2rem}}@media (max-width:429px){.plan-intro__introduce__tool__container .right__content-container__content__title{font-size:1.6rem}}.plan-intro__introduce__tool__container .right__content-container__content__text{white-space:pre-wrap;font-size:1.2rem;line-height:1.4}@media (max-width:1199px){.plan-intro__introduce__tool__container .right__content-container__content__text{font-size:1rem}}@media (max-width:991px){.plan-intro__introduce__tool__container .right__content-container__content__text{font-size:1.2rem}}@media (max-width:767px){.plan-intro__introduce__tool__container .right__content-container__content__text{font-size:1.1rem}}@media (max-width:536px){.plan-intro__introduce__tool__container .right__content-container__content__text{font-size:1rem}}@media (max-width:495px){.plan-intro__introduce__tool__container .right__content-container__content__text{font-size:.9rem}}.plan-intro__introduce__tool__container .right__content-container__content__tool-container{display:flex;justify-content:space-around;margin-top:40px}.plan-intro__introduce__tool__container .right__content-container__content__tool-container__tool{display:flex;flex-direction:column;align-items:center;padding:0}.plan-intro__introduce__tool__container .right__content-container__content__tool-container__tool img{width:100%}.plan-intro__introduce__tool__container .right__content-container__content__tool-container__tool__text{text-align:center;white-space:pre-wrap;line-height:1.2}@media (max-width:463px){.plan-intro__introduce__tool__container .right__content-container__content__tool-container__tool__text{font-size:.9rem}}@media (max-width:991px){.plan-intro__introduce__tool__container .right__content-container{margin-top:0}}.plan-intro__introduce__tool__container .right__button-container{display:flex;justify-content:space-between;margin-top:40px}.plan-intro__introduce__tool__container .right__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__introduce__tool__container .right__button-container__button:hover{background-color:#7148c2}.plan-intro__introduce__tool__container .right__button-container__button a{color:#fff}.plan-intro__introduce__tool__container .right__button-container .left{margin:0}@media (max-width:991px){.plan-intro__introduce__tool__container .right__button-container .left{margin:0 auto}}@media (max-width:991px){.plan-intro__introduce__tool__container .right__button-container{margin-top:0}}@media (max-width:991px){.plan-intro__introduce__tool__container{flex-direction:column}}.plan-intro__import-process__container,.plan-intro__more-product__container{display:flex;flex-wrap:wrap;padding-bottom:60px;justify-content:space-around}@media (max-width:768px){.plan-intro__import-process__container,.plan-intro__more-product__container{padding-bottom:0}}.plan-intro__import-process__container__product,.plan-intro__more-product__container__product{cursor:pointer;display:flex;flex-direction:column;align-items:center;padding:0 20px;border-radius:5px;transition:.3s}@media (max-width:768px){.plan-intro__import-process__container__product,.plan-intro__more-product__container__product{margin-bottom:20px}}.plan-intro__import-process__container__product img,.plan-intro__more-product__container__product img{width:100%;transition:.5s}@media (max-width:767px){.plan-intro__import-process__container__product img,.plan-intro__more-product__container__product img{width:60%}}.plan-intro__import-process__container__product__shadow,.plan-intro__more-product__container__product__shadow{width:35%;height:30px;transform:rotateX(60deg);position:absolute;bottom:60px;border-radius:50%;transition:.5s;opacity:0}.plan-intro__import-process__container__product .editor,.plan-intro__more-product__container__product .editor{background-color:rgba(243,99,76,.47058823529411764)}.plan-intro__import-process__container__product .solution,.plan-intro__more-product__container__product .solution{background-color:rgba(5,52,133,.4196078431372549)}.plan-intro__import-process__container__product .tool,.plan-intro__more-product__container__product .tool{background-color:rgba(243,99,76,.47058823529411764);bottom:80px}.plan-intro__import-process__container__product__title,.plan-intro__more-product__container__product__title{display:inline-block;font-size:1.6rem;font-weight:700;padding:5px 0;margin:20px 0;word-break:keep-all}.plan-intro__import-process__container__product:hover img.hover-able,.plan-intro__more-product__container__product:hover img.hover-able{transform:translateY(-30px)}.plan-intro__import-process__container__product:hover .editor,.plan-intro__import-process__container__product:hover .solution,.plan-intro__import-process__container__product:hover .tool,.plan-intro__more-product__container__product:hover .editor,.plan-intro__more-product__container__product:hover .solution,.plan-intro__more-product__container__product:hover .tool{transform:rotateX(60deg) scaleX(2);opacity:.8}.plan-intro__import-process__container__button-container,.plan-intro__more-product__container__button-container{display:flex;width:100%;margin-top:40px}.plan-intro__import-process__container__button-container__button,.plan-intro__more-product__container__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__import-process__container__button-container__button:hover,.plan-intro__more-product__container__button-container__button:hover{background-color:#7148c2}.plan-intro__import-process__container__button-container__button a,.plan-intro__more-product__container__button-container__button a{color:#fff}.plan-intro__import-process__container__step,.plan-intro__more-product__container__step{display:grid;place-items:center}.plan-intro__import-process__container__step img,.plan-intro__more-product__container__step img{width:100%}@media (max-width:767px){.plan-intro__import-process__container__step,.plan-intro__more-product__container__step{margin-bottom:20px}.plan-intro__import-process__container__step img,.plan-intro__more-product__container__step img{width:60%}}.plan-intro__import-process__container.tool,.plan-intro__more-product__container.tool{width:75%;margin:auto}@media (max-width:767px){.plan-intro__import-process__container.tool,.plan-intro__more-product__container.tool{width:100%}}@media (max-width:767px){.plan-intro__import-process .more-product-card,.plan-intro__more-product .more-product-card{margin-bottom:20px}.plan-intro__import-process .more-product-card img,.plan-intro__more-product .more-product-card img{width:40%}.plan-intro__import-process .more-product-card .shadow,.plan-intro__more-product .more-product-card .shadow{width:16%}.plan-intro__import-process .more-product-button-container,.plan-intro__more-product .more-product-button-container{margin-top:20px}}.plan-intro__mPoint-pricing__table{font-size:1.3rem}@media (max-width:768px){.plan-intro__mPoint-pricing__table{font-size:1rem}}@media (max-width:437px){.plan-intro__mPoint-pricing__table{font-size:.9rem}}@media (max-width:403px){.plan-intro__mPoint-pricing__table{font-size:.8rem}}@media (max-width:368px){.plan-intro__mPoint-pricing__table{font-size:.7rem}}.plan-intro__mPoint-pricing__table__head{display:flex;background-color:#e1e6ff}.plan-intro__mPoint-pricing__table__head .head-title{padding:10px;display:flex;align-items:center;justify-content:center}@media (max-width:500px){.plan-intro__mPoint-pricing__table__head .head-title{padding:5px}}.plan-intro__mPoint-pricing__table__row{display:flex}.plan-intro__mPoint-pricing__table__row__td{padding:10px;display:flex;align-items:center;justify-content:center}.plan-intro__mPoint-pricing__table__row__td .bonus{color:#5a36a1;font-weight:700}@media (max-width:500px){.plan-intro__mPoint-pricing__table__row__td{padding:5px}}.plan-intro__mPoint-pricing__table__row .bonus-percent{display:flex;justify-content:center;align-items:center}.plan-intro__mPoint-pricing__table__row .bonus-percent .img-container{height:32px;display:flex;justify-content:flex-end;padding-right:5px}.plan-intro__mPoint-pricing__table__row .bonus-percent .img-container img{height:100%}@media (max-width:450px){.plan-intro__mPoint-pricing__table__row .bonus-percent .img-container{padding-left:0}}.plan-intro__mPoint-pricing__table__row .bonus-percent .text{display:flex;justify-content:flex-start;padding-left:0;align-items:center;height:32px}@media (max-width:450px){.plan-intro__mPoint-pricing__table__row .bonus-percent .text{padding-right:0}}.plan-intro__mPoint-pricing__table__row .unBonus-point{margin-right:5px}.plan-intro__mPoint-pricing__mPoint-heap{display:flex}.plan-intro__mPoint-pricing__mPoint-heap img{width:100%;transform:translate(180px,-15px)}@media (max-width:1370px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(160px,-15px)}}@media (max-width:1330px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(140px,-15px)}}@media (max-width:1290px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(120px,-15px)}}@media (max-width:1250px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(100px,-15px)}}@media (max-width:1042px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(80px),-15px}}@media (max-width:780px){.plan-intro__mPoint-pricing__mPoint-heap img{transform:translate(60px,-15px)}}@media (max-width:767px){.plan-intro__mPoint-pricing__mPoint-heap{margin-bottom:20px}.plan-intro__mPoint-pricing__mPoint-heap img{display:none}}.plan-intro__mPoint-pricing__button-container{padding-bottom:60px}.plan-intro__mPoint-pricing__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__mPoint-pricing__button-container__button:hover{background-color:#7148c2}.plan-intro__mPoint-pricing__button-container__button a{color:#fff}.plan-intro__expenses__container{display:flex;padding-bottom:60px}.plan-intro__expenses__container .left{display:flex;flex-direction:column;justify-content:space-between}@media (max-width:991px){.plan-intro__expenses__container .left{padding-bottom:40px}}.plan-intro__expenses__container .right{padding:0}.plan-intro__expenses__container__table__row:nth-child(odd){background-color:#e1e6ff}.plan-intro__expenses__container__table__row{display:flex;white-space:pre-wrap;align-items:center;text-align:center;padding:10px 0}.plan-intro__expenses__container__table__row .td{padding:0;line-height:1.2}.plan-intro__expenses__container__table__row span{font-weight:700}@media (max-width:496px){.plan-intro__expenses__container__table{font-size:.9rem}}@media (max-width:453px){.plan-intro__expenses__container__table{font-size:.85rem}}@media (max-width:414px){.plan-intro__expenses__container__table{font-size:.7rem}}.plan-intro__expenses__container__content{font-size:1.4rem;white-space:pre-wrap;line-height:1.4;margin-bottom:20px}.plan-intro__expenses__container__content span:nth-child(odd){font-weight:700}@media (max-width:1199px){.plan-intro__expenses__container__content{font-size:1.25rem}}@media (max-width:991px){.plan-intro__expenses__container__content{font-size:1.6rem}}@media (max-width:767px){.plan-intro__expenses__container__content{font-size:1.4rem}}@media (max-width:548px){.plan-intro__expenses__container__content{font-size:1.3rem}}@media (max-width:515px){.plan-intro__expenses__container__content{font-size:1.25rem}}@media (max-width:498px){.plan-intro__expenses__container__content{font-size:1.2rem}}@media (max-width:481px){.plan-intro__expenses__container__content{font-size:1.15rem}}@media (max-width:445px){.plan-intro__expenses__container__content{font-size:1rem}}@media (max-width:414px){.plan-intro__expenses__container__content{font-size:.92rem}}@media (max-width:385px){.plan-intro__expenses__container__content{font-size:.85rem}}@media (max-width:360px){.plan-intro__expenses__container__content{font-size:.8rem}}.plan-intro__expenses__container__situation-container{display:flex}.plan-intro__expenses__container__situation-container__situation{padding:0;display:flex;flex-direction:column;align-items:center}.plan-intro__expenses__container__situation-container__situation img{width:100%}.plan-intro__expenses__container__situation-container__situation__title{white-space:pre-wrap;text-align:center;font-size:1.2rem;line-height:1.2}.plan-intro__expenses__container__situation-container__situation__title span:nth-child(2){font-weight:700}@media (max-width:1200px){.plan-intro__expenses__container__situation-container__situation__title{font-size:1.1rem}}@media (max-width:767px){.plan-intro__expenses__container__situation-container__situation__title{font-size:1.1rem}}@media (max-width:445px){.plan-intro__expenses__container__situation-container__situation__title{font-size:.9rem}}@media (max-width:381px){.plan-intro__expenses__container__situation-container__situation__title{font-size:.8rem}}@media (max-width:991px){.plan-intro__expenses__container{flex-direction:column}}.plan-intro__expenses__button-container{padding-top:40px}.plan-intro__expenses__button-container__button{width:150px;background-color:#5a36a1;padding:10px;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;margin:0 auto;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;width:200px}.plan-intro__expenses__button-container__button:hover{background-color:#7148c2}.plan-intro__expenses__button-container__button a{color:#fff}.plan-intro__q-and-a{padding-top:0!important;padding-bottom:40px}.plan-intro__q-and-a__container{padding-bottom:20px}.plan-intro__q-and-a__container__answer,.plan-intro__q-and-a__container__question{display:flex;margin-bottom:5px}.plan-intro__q-and-a__container__answer span,.plan-intro__q-and-a__container__question span{font-size:2rem;line-height:1.3}.plan-intro__q-and-a__container__answer .arrow-icon,.plan-intro__q-and-a__container__question .arrow-icon{font-size:3rem;cursor:pointer;transform:translateY(-3px)}@media (max-width:767px){.plan-intro__q-and-a__container__answer span,.plan-intro__q-and-a__container__question span{font-size:1.4rem}.plan-intro__q-and-a__container__answer .arrow-icon,.plan-intro__q-and-a__container__question .arrow-icon{font-size:2rem;transform:translateY(0)}}.plan-intro__q-and-a__container__question span{cursor:pointer}.plan-intro__q-and-a__container__answer{white-space:pre-wrap;overflow:hidden;transition:all .8s ease-out}.plan-intro__q-and-a__container__answer .arrow-icon{opacity:0}.plan-intro__q-and-a__container__answer span{line-height:1.3;padding-top:10px}.plan-intro__q-and-a__container__answer span:nth-child(3){background-color:#e1e6ff;padding:10px;border-radius:10px}@media (max-width:576px){.plan-intro{padding:0 10px}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(40px)}}.modal-form-container{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.modal-form-container fieldset{position:relative;grid-column:1/3;border:1px solid #d3d3d3;padding:12px;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr)}.modal-form-container fieldset legend{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:0 8px}.modal-form-container fieldset fieldset{grid-template-columns:1fr 3fr;border:1px dotted #d3d3d3}.modal-form-container .bind-accounts{grid-column:1/3;display:flex;grid-gap:8px;gap:8px;flex-direction:column}.modal-form-container .note-textarea{grid-column:1/3}.modal-form-container .note-textarea label{display:flex;flex-direction:column;grid-gap:8px;gap:8px;color:rgba(0,0,0,.54);padding:0;font-size:1rem;font-family:"Roboto","Helvetica","Arial",sans-serif;font-weight:400;line-height:1;letter-spacing:.00938em}.modal-form-container .note-textarea label textarea{border:1px solid rgba(0,0,0,.54);resize:none;padding:8px}.modal-form-container .note-textarea label textarea:focus{border:1px solid #5a36a1;outline-color:#5a36a1}.modal-form-container .note-textarea label:focus-within{color:#5a36a1}.modal-form-container button[title=刪除攝影鏡頭]{position:absolute;right:0;top:-12px;color:var(--danger)}.backdrop{z-index:1050}.host-info .tab-content{background-color:var(--light);border-radius:0 0 5px 5px;padding:24px;box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.host-info .tab-content.empty{text-align:center;font-size:24px;padding:36px 0}.host-info .nav-tabs{background-color:#5a36a1;padding:8px 8px 0;border-radius:5px 5px 0 0}.host-info .nav-tabs.empty{padding:20px}.host-info .tab-container{display:flex;flex-direction:column;grid-gap:12px;gap:12px}.host-info .tab-container small{display:inline-block;margin-left:auto;color:grey}.host-info .fieldset-container{display:grid;grid-template-columns:repeat(2,1fr);align-items:flex-start;grid-row-gap:12px;row-gap:12px}@media (max-width:1023px){.host-info .fieldset-container{display:flex;flex-direction:column}}.host-info .fieldset{width:100%;margin-left:auto;margin-right:auto;padding:10px 0}.host-info .fieldset .form-control{width:unset}.host-info .fieldset .form-group{margin-bottom:0}.host-info .fieldset .text-field-hint{color:grey;margin-bottom:16px;display:flex;align-items:center}.host-info .fieldset.cams{grid-column:1/3}.host-info .title{display:flex;justify-content:flex-start;align-items:center;font-size:20px;font-weight:600;margin-bottom:20px}.host-info .title:before{width:10px;height:20px;background-color:#5a36a1;margin-right:5px;content:""}.host-info .subtitle{display:flex;justify-content:flex-start;align-items:center;font-size:18px;font-weight:600;margin-bottom:12px}.host-info .subtitle:before{width:5px;height:20px;background-color:#5a36a1;margin-right:5px;content:""}.host-info .properties{font-size:16px;display:flex;flex-direction:column;grid-row-gap:12px;row-gap:12px}.host-info .property{padding-left:15px;display:flex;grid-column-gap:12px;column-gap:12px;min-height:24px}@media (max-width:415px){.host-info .property{grid-column-gap:0;column-gap:0}}.host-info .property-name{width:140px;display:flex;align-items:center}@media (max-width:415px){.host-info .property-name{width:138px}}.host-info .property-value{flex:1 1;display:flex;align-items:center}.host-info .property-value.center{justify-content:center}.host-info .subproperty-container{padding-left:15px;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:16px;row-gap:16px;grid-column-gap:12px;column-gap:12px}.host-info .subproperty-container .property-name{width:80px}.host-info .subproperty-container .property-value{overflow-wrap:anywhere;width:calc(100% - 80px);flex:none;line-height:1.5}@media (max-width:1023px){.host-info .subproperty-container{display:flex;flex-direction:column}}.host-info .nav-link{color:#fff}@media (max-width:415px){.host-info .cams>.properties>.property{flex-direction:column;grid-row-gap:12px;row-gap:12px}}.add-account-modal .add-account-form .btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;padding:5px 8px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;font-size:.9rem}.add-account-modal .add-account-form .btn:hover{background-color:#7148c2}@media (max-width:455px){.add-account-modal .add-account-form .btn.use-user-name{font-size:.8rem}}.add-account-modal .add-account-form .edit-data-accept{width:60%;margin:30px auto 0}.add-account-modal .add-account-form .edit-data-accept .edit-data-btn{width:150px;background-color:#5a36a1;color:#fff;text-align:center;font-size:1.1rem;font-weight:700;border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;box-shadow:3px 3px 0 #5a36a1;border:1px solid #ac95db;transition:.2s ease-in-out;padding:5px 10px;font-size:1rem;width:100%;margin:0 auto}.add-account-modal .add-account-form .edit-data-accept .edit-data-btn:hover{background-color:#7148c2}.add-account-modal .add-account-form .properties{padding-left:0}.add-account-modal .add-account-form .properties .property .input-container{display:flex;align-items:center;justify-content:space-between;grid-column-gap:8px;column-gap:8px}.add-account-modal .add-account-form .checkbox-container{align-items:center}.add-account-modal .add-account-form .checkbox-container span{cursor:pointer}.add-account-modal .modal-dialog .modal-content .modal-footer{border-top:1px solid #dee2e6}.smb-event{padding:0;font-family:"Golos-UI","GenYoGothic";line-height:1.5;white-space:pre-wrap;font-size:18px}.smb-event h2{font-size:55px;font-weight:700}.smb-event h3{font-size:18px;font-weight:bolder;color:#fff;text-align:center}.smb-event h4{font-size:22px;font-weight:700}.smb-event li{line-height:1.2em;margin-bottom:.5em}.smb-event .custom-btn{font-size:18px;border-radius:5px;background-color:#64ccc5;box-shadow:3px 3px 0 #11274c;color:#fff;padding:0 1rem;font-weight:700;margin:0 .5rem;text-transform:none}.smb-event .custom-btn:hover{background-color:#123954}.smb-event .banner{width:100%;height:29.4rem;background-image:url(/static/media/banner.3a5964de.jpg);background-size:cover;background-repeat:no-repeat}.smb-event .banner .topic-container{height:100%;text-align:right;margin-left:auto;padding:65px 20px;color:#fff;font-weight:700}.smb-event .banner .topic-container p{font-weight:500;font-size:30px;padding-right:1rem}.smb-event .banner .topic-container h2{padding-right:1rem;letter-spacing:3px}.smb-event section{padding:30px 1rem;background-color:#fff}.smb-event section .intro-block-container{display:flex;flex-direction:column;justify-content:space-between}.smb-event section .intro-block{margin-bottom:30px}.smb-event section .intro-block h4{margin-bottom:1rem}.smb-event section .intro-block p{font-weight:400;font-size:18px;margin:.5rem 0}.smb-event section .intro-block .contact-info{display:flex;align-items:center}.smb-event section .intro-block .contact-info img{width:55px;aspect-ratio:1;margin-right:.5rem}.smb-event section .intro-block.dm-sm{display:none}.smb-event section .step-block-container .step-block{position:relative;color:#fff;margin:5px 0;height:100%}.smb-event section .step-block-container .step-block__info{top:10px;width:calc(100% - 2rem);height:calc(100% - 2rem);padding:1em;text-align:center;position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.smb-event section .step-block-container .step-block__info__text-container{text-align:left}.smb-event section .step-block-container .step-block__info__text-container span{font-size:18px;font-weight:400}.smb-event section table{text-align:center;font-size:16px}.smb-event section table td,.smb-event section table th{padding:1rem;border:1px solid #333;min-width:8rem}.smb-event .process__container{display:flex}.smb-event .process__container .step-block{position:relative;margin:5px;padding:0;display:flex;justify-content:center}.smb-event .process__container .step-block img{width:100%}.smb-event .process__container .step-block__info{position:absolute;top:0;color:#fff;height:100%;width:100%;padding:1em;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.smb-event .process__container .step-block__info__text-container{text-align:left}.smb-event .process__container .step-block__info__text-container span{font-size:18px;font-weight:400}.smb-event .process__container .step-block__info h3{font-size:18px!important}@media (max-width:1200px){.smb-event .process__container{display:wrap;flex-wrap:wrap}.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:100%}}@media (max-width:992px){.smb-event .process__container{flex-direction:column}.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:50%}}@media (max-width:679px){.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:60%}}@media (max-width:590px){.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:70%}}@media (max-width:495px){.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:90%}}@media (max-width:400px){.smb-event .process__container .step-block__info,.smb-event .process__container .step-block img{width:100%}}@media (max-width:770px){.smb-event h2{font-size:1.75rem}.smb-event h3{font-size:1.3rem}.smb-event .banner{height:320px}.smb-event .banner .topic-container{padding:32px 50px}.smb-event section .intro-block.dm-large{display:none}.smb-event section .intro-block.dm-sm{display:block}.smb-event section .step-block-container .step-block{max-width:245px;height:245px}.smb-event section .step-block-container .step-block__sub-info{font-size:14px}.smb-event section .step-block-container .step-block:before{font-size:270px;line-height:245px}}@media (max-width:570px){.smb-event h2{font-size:18px}.smb-event .custom-btn,.smb-event h3{font-size:1rem}.smb-event .logo-container{height:40px;padding:10px}.smb-event .logo-container p{width:2rem}.smb-event .logo-container img{height:100%}.smb-event .banner{height:180px;background-size:cover;background-position-x:center}.smb-event .banner .topic-container{width:55%;padding:1rem .5rem 1rem 0}.smb-event .banner .topic-container .main-title{padding:.25rem .5rem}.smb-event .banner .topic-container h2{padding-right:.5rem;padding-left:0}.smb-event .banner .topic-container p{padding-left:0;padding-right:.5rem;font-size:12px}.smb-event section{padding:1rem 0}.smb-event section .intro-block-container{padding:0}.smb-event section .intro-block,.smb-event section .intro-block.dm-sm{margin-right:15px;padding:0 10px}.smb-event section .intro-block.dm-sm h4,.smb-event section .intro-block h4{margin-bottom:.5rem}.smb-event section .intro-block.dm-sm>p{line-height:3}.smb-event section .step-block-container{width:100%;max-width:unset;font-size:1rem;margin:0;padding:0}.smb-event section .step-block-container .step-block{width:100%;max-width:unset;height:200px;margin:0 0 8px}.smb-event section .step-block-container .step-block__sub-info{font-size:14px}.smb-event section .step-block-container .step-block:before{font-size:225px;line-height:200px}.smb-event section table td,.smb-event section table th{padding:.5rem;border:1px solid #333;min-width:unset}}@font-face{font-family:"GenYoGothic";font-weight:400;src:url(/static/media/GenYoGothic-N.0c1f3dd7.ttf) format("truetype")}@font-face{font-family:"GenYoGothic";font-weight:500;src:url(/static/media/GenYoGothic-M.7f01af89.ttf) format("truetype")}@font-face{font-family:"GenYoGothic";font-weight:400;src:url(/static/media/GenYoGothic-R.5cd84f94.ttf) format("truetype")}@font-face{font-family:"GenYoGothic";font-weight:700;src:url(/static/media/GenYoGothic-B.abac4922.ttf) format("truetype")}@font-face{font-family:"Golos-UI";font-weight:400;src:url(/static/media/Golos-UI_VF.23dceebd.ttf) format("truetype")}.citd-event{padding:0;font-family:"Golos-UI","GenYoGothic";line-height:1.5;white-space:pre-wrap;font-size:18px}.citd-event h2{font-size:55px;font-weight:700}.citd-event h3{font-size:18px;font-weight:bolder;color:#fff;text-align:center}.citd-event h4{font-size:22px;font-weight:700}.citd-event li{line-height:1.2em;margin-bottom:.5em}.citd-event dd,.citd-event ol>ul{text-indent:1.5em}.citd-event td{text-align:center;vertical-align:middle}.citd-event .custom-btn{font-size:18px;border-radius:5px;background-color:#f6b179;box-shadow:3px 3px 0 #f1845e;color:#fff;padding:0 1rem;font-weight:700;margin:0 .5rem;text-transform:none}.citd-event .custom-btn:hover{background-color:#123954}.citd-event .banner{width:100%;height:29.4rem;background-image:url(/static/media/banner.0fc76d92.jpg);background-size:cover;background-repeat:no-repeat}.citd-event .banner .topic-container{height:100%;text-align:right;margin-left:auto;padding:65px 20px;color:#fff;font-weight:700}.citd-event .banner .topic-container p{font-weight:500;font-size:30px;padding-right:1rem}.citd-event .banner .topic-container h2{padding-right:1rem;letter-spacing:3px}.citd-event section{padding:30px 1rem;background-color:#fff}.citd-event section .intro-block-container{display:flex;flex-direction:column;justify-content:space-between}.citd-event section .intro-block{margin-bottom:30px}.citd-event section .intro-block h4{margin-bottom:1rem}.citd-event section .intro-block p{font-weight:400;font-size:18px;margin:.5rem 0}.citd-event section .intro-block .contact-info{display:flex;align-items:center}.citd-event section .intro-block .contact-info img{width:55px;aspect-ratio:1;margin-right:.5rem}.citd-event section .intro-block.dm-sm{display:none}.citd-event section .step-block-container .step-block{position:relative;color:#fff;margin:5px 0;height:100%}.citd-event section .step-block-container .step-block__info{top:10px;width:calc(100% - 2rem);height:calc(100% - 2rem);padding:1em;text-align:center;position:absolute;z-index:10;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.citd-event section .step-block-container .step-block__info__text-container{text-align:left;margin:5px 0}.citd-event section .step-block-container .step-block__info__text-container span{font-size:18px;font-weight:400}.citd-event section table{text-align:center;font-size:16px}.citd-event section table td,.citd-event section table th{padding:1rem;border:1px solid #333;min-width:8rem}.citd-event .process__container{display:flex}.citd-event .process__container .step-block{position:relative;margin:5px;padding:0;display:flex;justify-content:center}.citd-event .process__container .step-block img{width:100%}.citd-event .process__container .step-block__info{position:absolute;top:0;color:#fff;height:100%;width:100%;padding:10px;display:flex;flex-direction:column;justify-content:space-around;align-items:center}.citd-event .process__container .step-block__info__text-container{text-align:left}.citd-event .process__container .step-block__info__text-container span{font-size:18px;font-weight:400}.citd-event .process__container .step-block__info h3{font-size:18px!important}@media (max-width:1200px){.citd-event .process__container{display:wrap;flex-wrap:wrap}.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:100%}}@media (max-width:992px){.citd-event .process__container{flex-direction:column}.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:50%}}@media (max-width:679px){.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:60%}}@media (max-width:590px){.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:70%}}@media (max-width:495px){.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:90%}}@media (max-width:400px){.citd-event .process__container .step-block__info,.citd-event .process__container .step-block img{width:100%}}@media (max-width:770px){.citd-event h2{font-size:1.75rem}.citd-event h3{font-size:1.3rem}.citd-event .banner{height:320px}.citd-event .banner .topic-container{padding:32px 50px}.citd-event section .intro-block.dm-large{display:none}.citd-event section .intro-block.dm-sm{display:block}.citd-event section .step-block-container .step-block{max-width:245px;height:245px}.citd-event section .step-block-container .step-block__sub-info{font-size:14px}.citd-event section .step-block-container .step-block:before{font-size:270px;line-height:245px}}@media (max-width:570px){.citd-event h2{font-size:18px}.citd-event .custom-btn,.citd-event h3{font-size:1rem}.citd-event .logo-container{height:40px;padding:10px}.citd-event .logo-container p{width:2rem}.citd-event .logo-container img{height:100%}.citd-event .banner{height:180px;background-size:cover;background-position-x:center}.citd-event .banner .topic-container{width:55%;padding:1rem .5rem 1rem 0}.citd-event .banner .topic-container .main-title{padding:.25rem .5rem}.citd-event .banner .topic-container h2{padding-right:.5rem;padding-left:0}.citd-event .banner .topic-container p{padding-left:0;padding-right:.5rem;font-size:12px}.citd-event section{padding:1rem 0}.citd-event section .intro-block-container{padding:0}.citd-event section .intro-block,.citd-event section .intro-block.dm-sm{margin-right:15px;padding:0 10px}.citd-event section .intro-block.dm-sm h4,.citd-event section .intro-block h4{margin-bottom:.5rem}.citd-event section .intro-block.dm-sm>p{line-height:3}.citd-event section .step-block-container{width:100%;max-width:unset;font-size:1rem;margin:0;padding:0}.citd-event section .step-block-container .step-block{width:100%;max-width:unset;height:200px;margin:0 0 8px}.citd-event section .step-block-container .step-block__sub-info{font-size:14px}.citd-event section .step-block-container .step-block:before{font-size:225px;line-height:200px}.citd-event section table td,.citd-event section table th{padding:.5rem;border:1px solid #333;min-width:unset}}
/*# sourceMappingURL=main.a4e55315.chunk.css.map */