html{height:100%}body{padding:0;background-color:#daf0ed;height:100%;min-height:100%;margin:0;font-family:"Noto Sans TC", "\860B\679C\5137\4E2D\9ED1", "Apple LiGothic Medium",
 "Open Sans", sans-serif, "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "\9ED1\4F53",
 "SimHei";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body #root{min-width:320px;height:100%}body #root a{color:#007fa3}body #root a:hover{color:#004357 !important}code{font-family:source-code-pro, Menlo, Monaco, Consolas, "Courier New",
 monospace}

.wrapper{min-height:100%;padding-top:50px;display:flex;box-sizing:border-box}.wrapper .container{display:flex;width:100%;flex-direction:column;flex-grow:1}.wrapper .container .site-wrapper{display:flex;flex-direction:column}.wrapper .container .content{position:relative;left:0;margin-left:0;min-height:auto;flex:1}.wrapper .container .content #m.main-content{flex:1;padding:25px 15px}.wrapper .container .content #m.main-content .body_row{width:98%;max-width:1280px;min-width:301px;margin:0 auto;padding:0px 0px 5px 0px}@media (min-width: 1020px){.wrapper .container .content #m.main-content .body_row{display:flex}}.wrapper .container .content #m.main-content .body_row .filter-card{border-radius:10px;background-color:#ffffff;min-width:218px;margin-bottom:auto}.wrapper .container .content #m.main-content .body_row .filter-card .header{border-top-left-radius:10px;border-top-right-radius:10px;background-color:#007fa3;height:44px;line-height:1.5em}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .header{border-bottom-left-radius:10px;border-bottom-right-radius:10px}}.wrapper .container .content #m.main-content .body_row .filter-card .header .text{cursor:default;position:relative;padding:8.5px 6px 8.5px 12px;color:#fff;font-size:16px;font-weight:600;display:flex}.wrapper .container .content #m.main-content .body_row .filter-card .header .text i:first-child{margin-right:4px}.wrapper .container .content #m.main-content .body_row .filter-card .header .text i:last-child{display:none;position:absolute;padding-right:8px;cursor:pointer;width:100%;height:100%;text-align:right;left:0px;top:0px;box-sizing:border-box;line-height:40px;cursor:pointer}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .header .text i:last-child{display:block}}.wrapper .container .content #m.main-content .body_row .filter-card .sub-header{border-bottom:1px solid #e9e9e9}.wrapper .container .content #m.main-content .body_row .filter-card .sub-header .row{display:flex;justify-content:space-around}.wrapper .container .content #m.main-content .body_row .filter-card .sub-header .row div{text-align:center;padding:9px 12px;font-size:14px;color:#007fa3;text-decoration:underline;flex:1;cursor:pointer}.wrapper .container .content #m.main-content .body_row .filter-card .sub-header .row div:hover{color:#004357}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .sub-header.mobile{display:none}}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .sub-header.mobile.open{display:block}}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu{border-bottom:1px solid #e9e9e9}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu label{-webkit-transition:0.15s ease-in;-moz-transition:0.15s ease-in;-o-transition:0.15s ease-in;transition:0.15s ease-in}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu .item{background-color:#f9f9f9;padding:0px;display:flex;position:relative;font-size:14px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu .item i{position:absolute;left:40px;cursor:pointer;width:100%;height:100%;top:0px;vertical-align:middle;cursor:pointer;box-sizing:border-box;padding:8px 6px;opacity:0.4;-webkit-transition:0.15s ease-in;-moz-transition:0.15s ease-in;-o-transition:0.15s ease-in;transition:0.15s ease-in;text-align:right;box-sizing:border-box;padding-right:48px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu .sub-item{background-color:#fff;display:none}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu .sub-item label{padding-left:50px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu .sub-item input{left:22px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu label{display:flex;flex:1;height:100%;width:100%;padding:10px 12px;cursor:pointer;padding-left:40px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu label .count{padding-left:9px;width:18px;height:15px;margin-bottom:5px;margin-top:4px;font-size:10px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu label .count .box{border:1px solid #505759;text-align:center}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu label:hover{background-color:#f0f0f0}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu input{width:18px;height:18px;margin-right:8px;min-width:18px;float:left;display:block;position:absolute;left:12px;top:8px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu:hover .item label{background-color:#e9e9e9}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu.open{background-color:#ccc;padding-bottom:1px}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu.open .sub-item{display:flex;font-size:13px;line-height:1.4em}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box .sub-menu.open .sub-item label{position:relative}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .filter-box.mobile{display:none}}.wrapper .container .content #m.main-content .body_row .filter-card .filter-box.mobile.open{overflow:hidden}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .filter-box.mobile.open{display:block}}.wrapper .container .content #m.main-content .body_row .filter-card .footer{color:#505759;border-top:none;font-size:12px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#007fa3;height:10px;width:100%}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .footer.mobile{display:none}}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card .footer.mobile.open{display:block}}@media (min-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card{margin-right:22px;max-width:218px}}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card{margin-bottom:10px}}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .filter-card.open .header{border-bottom-left-radius:0;border-bottom-right-radius:0}}.wrapper .container .content #m.main-content .body_row .card{height:100%;width:100%;border-radius:4px;background-color:#ffffff}.wrapper .container .content #m.main-content .body_row .card .card-header{font-size:18px;font-weight:300;padding-left:0;padding-right:0;padding-top:1.5384rem;margin:0.5rem 2rem;border-bottom-width:0;border-radius:3px 3px 0 0;background-color:transparent}.wrapper .container .content #m.main-content .body_row .card .card-header .pageTitle{display:block;font-size:27px;line-height:27px;font-weight:300;flex:1;cursor:default;padding-bottom:10px;color:#252525;border-bottom:1px solid rgba(0,0,0,0.2)}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header .pageTitle{font-size:16px}}.wrapper .container .content #m.main-content .body_row .card .card-header .pageTitle img{vertical-align:middle;border-style:none}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header .pageTitle img{width:40px}}.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title{display:block;font-size:16px;color:#505759;cursor:default}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title{font-size:14px}}.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title div:first-child{font-size:16px;padding-bottom:10px;padding-top:19px}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title div:first-child{font-size:14px}}.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title div:last-child{padding-bottom:20px;font-size:16px}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header .sub-title div:last-child{font-size:14px}}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-header{padding-top:10px}}.wrapper .container .content #m.main-content .body_row .card .card-body{margin:0.5rem 2rem}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;padding-bottom:25px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body{display:flex;height:100%;margin-right:20px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-icon{min-width:80px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-icon img{width:80px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info{flex-direction:column;display:flex;height:100%;width:100%;vertical-align:middle;margin:auto 0;padding-left:20px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-name{padding:0px 0px 8px 0px;font-weight:bold;cursor:default;color:#505759;font-size:18px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-description{flex:1;font-size:13px;padding-bottom:5px;font-weight:300}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download{padding:5px 0;width:100%;flex:0 1}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button{display:flex;flex-wrap:wrap}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button a{text-decoration:none;display:flex;margin:0 2px 2px 0;background-color:transparent;border:1px solid rgba(0,0,0,0.2);border-radius:5px;padding:7px 5px;cursor:pointer;color:rgba(0,0,0,0.6) !important;line-height:28px;-webkit-transition:0.15s ease-in;-moz-transition:0.15s ease-in;-o-transition:0.15s ease-in;transition:0.15s ease-in}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button a i{font-size:18px;width:24px;text-align:center;margin:2px 0}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button a .text{line-height:20px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button a img{width:18px;padding-right:5px;padding-left:5px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-download .row-button a:hover{background-color:#fafafa;border-color:#aaa}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-requirement{padding:0px 0 25px 0px;font-size:11px;flex:0 1}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-requirement a{display:inline-block;cursor:pointer;text-decoration:underline;color:#505759}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info .app-requirement a img{padding-left:1px;vertical-align:middle}@media (max-width: 1020px){.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-info{padding-left:0px}}@media (max-width: 900px){.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body{max-width:500px}}@media (max-width: 900px){.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;border-bottom:1px solid #eeeeee;padding-bottom:10px;margin-bottom:10px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box:last-child{border-bottom:0px}}@media (max-width: 1020px){.wrapper .container .content #m.main-content{padding:25px 10px;flex-grow:1}.wrapper .container .content #m.main-content .body_row .card .card-header{margin:1rem}.wrapper .container .content #m.main-content .body_row .card .card-header .pageTitle{font-size:19px}.wrapper .container .content #m.main-content .body_row .card .card-body{margin:1rem 1rem}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body{margin-right:0px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-icon{min-width:75px}.wrapper .container .content #m.main-content .body_row .card .card-body .tools-list .tool-box .tool-body .tool-icon img{width:60px}}.wrapper .container .content .footer{background-color:#fff;position:relative;cursor:default;color:rgba(0,0,0,0.4);border-top:none}.wrapper .container .content .footer>div{font-size:14px !important}.wrapper .container .content .footer .text-center{text-align:center !important}.wrapper .container .content .footer .py-3{padding-bottom:1.154rem !important}.wrapper .container .content .footer .py-3{padding-top:1.154rem !important}.wrapper .container #main.class-nav-bar{background:#fff;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:row;-ms-flex:row;flex:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;margin-left:auto;margin-right:auto;padding:0rem 1rem}.wrapper .container .class-nav-bar{background-color:#007fa3;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:row;-ms-flex:row;flex:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:50px;min-width:320px}.wrapper .container .fixed-top{position:fixed;top:0;right:0;left:0;z-index:1000}.wrapper .container .md-whiteframe-4dp{box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)}.wrapper .container .navbar-expand{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.wrapper .container .navbar{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.wrapper .be-navbar-header .navbar-brand{line-height:60px;height:32px;width:150px;background-image:url(/assets/images/logo.svg);background-repeat:no-repeat;background-size:contain;background-position:left center;padding:0 20px;margin:0;display:block}.wrapper .class-nb-exit{text-align:left;min-width:40px}.wrapper .class-nb-title{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:normal;text-shadow:none;font-size:1.2rem;color:#fff;cursor:default}.wrapper .class-nb-title,.wrapper .class-nb-title div{line-height:24px;max-height:48px;overflow:hidden;padding-left:5px}.wrapper .class-nb-buttons{text-align:right;display:-webkit-box;display:-ms-flexbox;display:flex}.wrapper .class-nb-buttons .link-button{background-color:transparent;border:none;cursor:pointer;display:inline;margin:0;padding:0;padding-right:0.3rem;padding-left:0.3rem;font-size:1rem;margin-right:5px}.wrapper .class-nb-buttons .navbar-expand .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.wrapper .class-nb-buttons .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.wrapper .class-nb-buttons .be-user-nav{margin-right:0}.wrapper .class-nb-buttons .float-right{float:right !important}.wrapper .class-nb-buttons .navbar-nav{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:0;margin-bottom:0;list-style:none;display:flex}.wrapper .class-nb-buttons .navbar-nav .material-icons{color:#505759;cursor:pointer}.wrapper .class-nb-buttons ul,.wrapper .class-nb-buttons ol{line-height:20px}.wrapper .class-nb-buttons ol,.wrapper .class-nb-buttons ul,.wrapper .class-nb-buttons dl{margin-top:0;margin-bottom:1rem}.App-logo{height:100px;pointer-events:none}.container{display:flex;width:100%;flex-direction:column;flex-grow:1}.App-link{color:#61dafb}.ReactModal__Overlay{z-index:9999 !important;background-color:rgba(0,0,0,0.75) !important}.ReactModal__Overlay .ReactModal__Content{box-shadow:0px 3px 10px 0px rgba(0,0,0,0.5);width:98% !important;max-height:98% !important}.ReactModal__Overlay .modal-header{border:0;padding:30px 1rem 1rem 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #dddddd;background-color:#ffffff}.ReactModal__Overlay .modal-header .modal-title{margin:0;line-height:1.428571;font-size:1.2rem;color:#000;font-family:inherit;font-weight:300}.ReactModal__Overlay .modal-body{padding:10px 20px 20px}.ReactModal__Overlay .modal-body{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-height:400px;padding:1rem;overflow-y:auto}.ReactModal__Overlay .modal-body ul li{font-size:14px;color:#505759}.ReactModal__Overlay .modal-body .qrCode{display:flex;flex-wrap:wrap;justify-content:space-around}.ReactModal__Overlay .modal-body .qrCode>div{max-width:140px;width:100%;text-align:center}.ReactModal__Overlay .modal-body .qrCode>div img{width:140px}.ReactModal__Overlay .modal-body .qrCode a{line-height:25px;-webkit-transition:0.15s ease-in;-moz-transition:0.15s ease-in;-o-transition:0.15s ease-in;transition:0.15s ease-in;text-decoration:none;display:inline-block;margin:0 2px 0 0;background-color:transparent;border:1px solid rgba(0,0,0,0.2);border-radius:5px;padding:7px 5px;cursor:pointer;color:rgba(0,0,0,0.6) !important;margin:0 auto;height:25px;line-height:25px;width:100px}.ReactModal__Overlay .modal-body .qrCode a.android{width:90px}.ReactModal__Overlay .modal-body .qrCode a.ios{width:60px}.ReactModal__Overlay .modal-body .qrCode a.web{width:80px}.ReactModal__Overlay .modal-body .qrCode a img{width:18px;padding-right:5px;padding-left:5px;display:block;float:left;padding-top:2px}.ReactModal__Overlay .modal-body .qrCode a:hover{background-color:#fafafa;border-color:#aaa}.ReactModal__Overlay .modal-footer>.modal-btn-right{float:right;margin:5px 20px}.ReactModal__Overlay .modal-footer{width:100%;padding-bottom:16px;padding-top:8px;border:none;display:inline-block;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-top:1px solid #dddddd}.ReactModal__Overlay .react-modal-close{top:0;right:0;background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:0.8;padding:8px;position:absolute;z-index:401;display:inline-block;height:44px;margin:8px 0px;transition:color 0.2s;vertical-align:top;visibility:inherit;width:44px;-webkit-transition:color 0.2s}.ReactModal__Overlay .btn{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.05);box-shadow:0 1px 0 rgba(0,0,0,0.05);border:1px solid transparent;padding:0 10px;font-size:1rem;line-height:28px;border-radius:2px}.ReactModal__Overlay .btn-primary{cursor:pointer;color:#ffffff;background-color:#007fa3;border-color:#007fa3}.ReactModal__Overlay .btn-primary:hover{color:#ffffff;-webkit-box-shadow:inset 0 -1px 0 #005770;box-shadow:inset 0 -1px 0 #005770;background-color:#0087ad;border-color:#0087ad;border-bottom-color:#005770}

.loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#3d3c3ca1;z-index:99999;min-width:401px}.sprint{position:absolute;top:50%;left:49%;margin-top:-50px;margin-left:-50px;width:120px;height:120px;border-radius:10px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.5);background-color:#fff}.sprint .splash-container{margin:29px auto}.sprint .splash-container .loader{border:6px solid #f3f3f3;border-radius:50%;border-top:6px solid #007fa3;width:50px;height:50px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin-right:auto !important;margin-left:auto !important}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.7)}100%{-webkit-transform:rotate(360deg) scale(1)}}@keyframes spin{0%{-webkit-transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.7)}100%{-webkit-transform:rotate(360deg) scale(1)}}


/*# sourceMappingURL=app.css.map*/