@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Helvetica,Arial,PingFang TC,黑體-繁,微軟正黑體,sans-serif;color:#222;background-color:#fff;letter-spacing:.1em}a{color:#2f8aba}a,a:hover{text-decoration:none}a:visited{color:#2f8aba}input,textarea{padding:10px 10px 9px;font-size:15px;border-radius:4px;border:1px solid #ccc;width:100%}.top-fixed{position:fixed;width:100%;top:0;left:0}.loader{color:#222;display:inline-block;position:relative;width:40px;height:40px;font-size:25px;padding:5px 7px;opacity:.5}.loader svg{-webkit-animation:lds-dual-ring 1.2s infinite;animation:lds-dual-ring 1.2s infinite;position:relative}@-webkit-keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.overlay-modal{position:absolute;top:0;left:0;right:0;bottom:0;background-color:hsla(0,0%,96%,.5);z-index:999;display:none;justify-content:center;align-items:center;overflow:auto}.overlay-modal.modal-show{display:flex}.overlay-modal>div{flex-grow:0;flex-shrink:0;width:700px;max-height:500px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:0 0 10px #dcdcdc;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}.overlay-modal>div .modal-footer,.overlay-modal>div .modal-header{flex-grow:0;flex-shrink:0;display:flex;flex-direction:row}.overlay-modal>div .modal-body>p{margin-bottom:10px;line-height:1.5}.overlay-modal>div .modal-body>div{margin-right:-30px}.overlay-modal>div .modal-body .list-data-table-block{margin-right:30px}.overlay-modal>div .modal-body.modal-body-compute-overlay>div,.overlay-modal>div .modal-body>div.loading-percentage-content{margin-right:0}.overlay-modal>div .modal-body .modal-messages{margin:0}.overlay-modal>div .modal-header{flex-basis:40px;justify-content:space-between;font-size:16px;color:#222}.overlay-modal>div .modal-header .btn-close{font-size:25px;color:#c2c2c2;cursor:pointer}.overlay-modal>div .modal-header .btn-close:hover{color:#a9a9a9}.overlay-modal>div .modal-footer{flex-basis:55px;justify-content:flex-end;padding-top:20px}.overlay-modal>div .modal-footer .btn{margin-left:10px}.btn{background-color:#2f8aba;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:5px;height:38px;width:100px;cursor:pointer}.btn.btn-small{width:80px;height:30px;font-size:14px}.btn-groups{display:flex;flex-direction:row}#main-container{height:100vh;width:100%;overflow:auto}#main-container[title*=login]{background-color:#f5f5f5;background-image:linear-gradient(#aaa,#fff)}header{background-color:#222;color:grey;display:flex;flex-direction:row;align-items:center;font-size:14px;padding:10px 20px;height:46px}header .text-logo{flex-shrink:0;flex-grow:0;font-size:18px;margin-right:20px;cursor:pointer}nav{justify-content:space-between;flex-grow:1;flex-shrink:1}nav,nav .nav-items{display:flex;flex-direction:row}nav .nav-items>a,nav .nav-items>div{padding:3px 10px;color:grey}nav .nav-items>a:hover,nav .nav-items>div:hover{color:#fff;cursor:pointer}nav .nav-items>a.active,nav .nav-items>div.active{color:#fff}nav .nav-items .login-info{color:#fff;cursor:default}nav .nav-items .login-info svg{margin-right:5px}.mobile-only{display:none;flex-direction:row;flex-grow:1;flex-shrink:1;justify-content:flex-end}.mobile-only>div{font-size:20px;padding:10px;width:40px;text-align:center}.search-block{background-color:#f5f5f5;display:flex;justify-content:center}.search-block>div{height:50px;display:flex;flex-direction:row;align-items:center;padding:0 20px;max-width:1200px;flex-grow:1;flex-shrink:1}.search-block>div>div{margin-left:10px;width:200px}.search-block>div .btn-group{width:auto}main{margin-top:96px;min-height:calc(100vh - 116px);padding:40px}.home-page{display:flex;justify-content:center}.home-page>div{max-width:1200px;width:100%;display:flex;flex-direction:row}.home-page .home-page-left{width:55%;flex-basis:55%;margin-right:20px;flex-grow:0;flex-shrink:0}.home-page .home-page-right{width:45%;flex-basis:45%;flex-grow:0;flex-shrink:0}.auth-manage-page,.change-pwd-page,.login-page,.proof-reader-page{margin-top:-60px}.auth-manage-page .search-block{background-color:#fff}.auth-manage-page .search-block>div{padding:0}.auth-manage-page .search-block>div>div{margin-left:0;width:100%}.auth-manage-page .search-block>div .btn{margin-left:10px;width:auto;padding:0 15px}.proof-reader-page{margin:-90px -40px -40px;display:flex;flex-direction:row}.proof-reader-page .page-left,.proof-reader-page .page-right{padding:10px;height:calc(100vh - 68px);overflow:hidden}.proof-reader-page .page-left{flex-basis:150px;flex-grow:0;flex-shrink:0;background-color:#f5f5f5;overflow:auto}.proof-reader-page .page-right{flex-basis:500px;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:0}.proof-reader-page .proof-btn-groups,.proof-reader-page .proof-content{display:flex;flex-direction:row}.proof-reader-page .proof-btn-groups .btn-group,.proof-reader-page .proof-content .btn-group{display:flex;flex-direction:row;font-size:13px;font-weight:700;flex-wrap:wrap}.proof-reader-page .proof-btn-groups .btn-group.vertical,.proof-reader-page .proof-content .btn-group.vertical{flex-direction:column;width:52px;text-align:center;flex-grow:0;flex-shrink:0}.proof-reader-page .proof-btn-groups .btn-group.vertical>div,.proof-reader-page .proof-content .btn-group.vertical>div{flex-grow:1;flex-shrink:1}.proof-reader-page .proof-btn-groups .btn-group.vertical>div:not(:last-child),.proof-reader-page .proof-content .btn-group.vertical>div:not(:last-child){border-bottom-width:0}.proof-reader-page .proof-btn-groups .btn-group.btn-group-blue>div.active,.proof-reader-page .proof-content .btn-group.btn-group-blue>div.active{background:#2f8aba;color:#fff}.proof-reader-page .proof-btn-groups .btn-group.btn-group-green>div.active,.proof-reader-page .proof-content .btn-group.btn-group-green>div.active{background:#659f03;color:#fff}.proof-reader-page .proof-btn-groups .btn-group.btn-group-red>div,.proof-reader-page .proof-content .btn-group.btn-group-red>div{margin-right:5px;margin-bottom:5px}.proof-reader-page .proof-btn-groups .btn-group.btn-group-red>div.active,.proof-reader-page .proof-content .btn-group.btn-group-red>div.active{background:#d83a24;color:#fff}.proof-reader-page .proof-btn-groups .btn-group>div,.proof-reader-page .proof-content .btn-group>div{border:1px solid #ccc;background-color:#f5f5f5;padding:5px;cursor:pointer;border-radius:5px;display:flex;justify-content:center;align-items:center}.proof-reader-page .proof-btn-groups .btn-group>div:hover,.proof-reader-page .proof-content .btn-group>div:hover{background-color:#ddd}.proof-reader-page .proof-btn-groups .btn-group .btn,.proof-reader-page .proof-content .btn-group .btn{background:#2f8aba;font-size:15px;border-width:0;font-weight:400}.proof-reader-page .proof-btn-groups .btn-group .btn.btn-red,.proof-reader-page .proof-content .btn-group .btn.btn-red{background-color:#d83a24}.proof-reader-page .proof-btn-groups .btn-group .btn.btn-orange,.proof-reader-page .proof-content .btn-group .btn.btn-orange{background-color:#f18b15}.proof-reader-page .proof-btn-groups{margin-bottom:15px}.proof-reader-page .proof-btn-groups>div:not(:last-child){padding-right:5px}.proof-reader-page .padding-proof-lists{margin-top:12px}.proof-reader-page .padding-proof-lists label{font-size:13px;display:block;color:grey;border-bottom:1px solid #aaa;margin-bottom:8px}.proof-reader-page .padding-proof-lists ul{display:flex;flex-direction:column;align-items:flex-start}.proof-reader-page .padding-proof-lists ul li{color:#2f8aba;border:1px solid #ddd;padding:3px 8px;margin-bottom:5px;border-radius:5px;cursor:pointer;display:flex;flex-direction:row;align-items:center}.proof-reader-page .padding-proof-lists ul li span{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.proof-reader-page .padding-proof-lists ul li:hover{border-color:#ccc;background-color:#ddd}.proof-reader-page .padding-proof-lists ul li.active{background-color:#2f8aba;color:#fff;border-color:#2f8aba}.proof-reader-page .proof-content{display:flex;flex-direction:row;flex-grow:1;flex-shrink:1;flex-basis:200px;overflow:hidden;position:relative;border:1px solid #f5f5f5}.proof-reader-page .pdf-reader{overflow:auto;flex-grow:1;flex-shrink:1}.proof-reader-page .pdf-reader .react-pdf__Page{margin-bottom:10px}.proof-reader-page .pdf-reader .react-pdf__Page__canvas{margin:0 auto}.proof-reader-page .pdf-reader .rpv-default-layout__container{border:none}.proof-reader-page .pdf-reader .rpv-default-layout__main{position:static}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar{height:auto;width:auto;top:-1px;left:-1px;border-width:0;background-color:transparent}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar{align-items:center;display:flex;flex-direction:column;width:"100%";justify-content:center;padding:10px}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar>div{width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:solid #aaa;border-width:1px 1px 0;background-color:#f5f5f5}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar>div.active{background-color:#2f8aba;color:#fff}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar>div:first-child{border-radius:5px 5px 0 0}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar>div:last-child{border-bottom-width:1px;border-radius:0 0 5px 5px}.proof-reader-page .pdf-reader .rpv-default-layout__toolbar .custom-toolbar>div:hover{background-color:#ddd}.proof-reader-page .pdf-error-message{color:#d83a24;font-size:14px;padding:20px;font-weight:700}.login-page .login-forms{background-color:#fff;border:1px solid #ddd;width:100%;max-width:400px;display:flex;margin:0 auto;padding:15px 25px;border-radius:20px}.quick-panel{border:1px solid #f5f5f5;margin-bottom:20px;width:100%;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.quick-panel .quick-panel-title-block{display:flex;flex-direction:row;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #f5f5f5}.quick-panel .quick-panel-title-block h4{font-size:16px}.quick-panel .more-data{font-size:14px;display:flex;flex-direction:row;align-items:center;color:#2f8aba;cursor:pointer}.quick-panel .more-data span{letter-spacing:0}.quick-panel .quick-panel-content{flex:1 1}.report-table{font-size:14px;color:#222;display:flex;flex-direction:column}.report-table.table-with-border{border:1px solid #ddd;border-radius:10px;overflow:hidden;padding:10px 0 0}.report-table>div{display:flex;flex-direction:row;align-items:center;border-bottom:1px solid #ddd;padding:2px 5px}.report-table>div:first-child{font-weight:700}.report-table>div:nth-child(2n){background-color:#f5f5f5}.report-table>div>div{padding:2px 3px;flex-basis:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.report-table .column-date{flex-grow:2}.report-table .column-title{flex-grow:3}.report-table .column-dealer,.report-table .column-rating,.report-table .column-tp{flex-grow:1}.report-table .column-action{flex-grow:0.5}.report-table .column-action-auth{flex-basis:70px;flex-grow:0}.report-table .column-num{flex-grow:0;flex-basis:30px}.report-table .column-name{flex-grow:0;flex-basis:150px}.report-table .column-auth{flex-grow:1;flex-basis:150px}.report-table .column-auth>span:not(:last-child):after{content:", "}.report-table .report-table-row .column-title{color:#2f8aba;cursor:pointer}.report-table .report-table-row .column-title:hover{text-decoration:underline}.report-table .report-table-row .column-action,.report-table .report-table-row .column-action-auth{color:grey;font-size:12px}.report-table .report-table-row .column-action span,.report-table .report-table-row .column-action-auth span{cursor:pointer;margin-right:20px}.report-table .report-table-row .column-action span:hover,.report-table .report-table-row .column-action-auth span:hover{color:#2f8aba}.report-table .report-table-pagination{background-color:#f5f5f5;border:none;display:flex;flex-direction:row;justify-content:flex-end;align-items:flex-end;padding:3px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%}.report-table .report-table-pagination span{padding:4px;color:#2f8aba;font-size:13px;cursor:pointer}.report-table .report-table-pagination span:hover{text-decoration:underline}.report-table .report-table-pagination span.active{text-decoration:underline;font-weight:700;font-size:14px}.report-table .report-table-pagination-container{width:100%;display:block;overflow-x:scroll}.forms{display:flex;flex-direction:column;width:100%;font-size:14px}.forms.horizontal{flex-direction:row;font-size:13px}.forms.horizontal .form-item{margin-bottom:0;width:150px}.forms.horizontal .form-item input{padding:5px}.forms.horizontal .form-item label{width:auto;font-size:12px;padding-right:0;padding-left:5px}.forms .form-item{display:flex;flex-direction:row;align-items:center;margin-bottom:10px}.forms .form-item>div{flex-basis:150px;width:150px;flex-grow:1;flex-shrink:1}.forms .form-item label{font-size:14px;width:80px;flex-basic:80px;text-align:right;flex-grow:0;flex-shrink:0;padding-right:10px;font-weight:700;color:#222}.forms .form-item .tab-selects{display:flex;flex-direction:row;border-radius:5px;overflow:hidden;border:1px solid #ccc;background-color:#fff;width:auto}.forms .form-item .tab-selects>div{padding:5px;flex-basis:60px;text-align:center;flex-grow:1;flex-shrink:1;border-right:1px solid #ccc;cursor:pointer;display:flex;flex-direction:row;align-items:center;justify-content:center}.forms .form-item .tab-selects>div:hover{background-color:#f5f5f5}.forms .form-item .tab-selects>div:last-child{border-right:none}.forms .form-item .tab-selects>div.selected{background-color:#2f8aba;color:#fff}.forms .form-item .tab-selects>div .selected-icon{width:16px;height:18px;display:block}.forms .error-msg{color:#d83a24;margin-bottom:20px}.forms.label-top-forms{margin:20px 0}.forms.label-top-forms .form-item{flex-direction:column;height:auto;align-items:flex-start;margin-bottom:20px}.forms.label-top-forms .form-item>div{width:100%;flex-basis:100%;max-width:400px}.forms.label-top-forms .form-item label{width:auto}footer{font-size:12px;color:grey;height:20px;text-align:center}footer a{font-weight:700}@media (max-width:1000px){.btn{height:45px;width:100%}.mobile-only{display:flex}header{position:relative;padding-right:10px}header nav{border-top:1px solid grey;position:absolute;top:46px;flex-direction:column;background-color:#222;padding:10px 20px 20px;font-size:16px;width:100%;left:0}header nav .login-info{display:none}header nav .nav-items{flex-direction:column}header nav .nav-items>a,header nav .nav-items>div{padding:10px;color:#fff}.search-block>div{height:auto;padding:20px;flex-direction:column;max-width:100%}.search-block>div>div{margin:10px;width:100%}.search-block>div .btn-group{width:100%}main{margin-top:46px;padding:20px}.home-page>div{flex-direction:column}.home-page .home-page-left,.home-page .home-page-right{margin-right:0;flex-grow:1;flex-shrink:1;width:100%}.auth-manage-page,.change-pwd-page,.login-page,.proof-reader-page{margin-top:0}.auth-manage-page .search-block>div{flex-direction:row}.auth-manage-page .search-block>div .btn-groups{margin:0}.auth-manage-page .search-block>div .btn-groups .btn{padding:0 10px;margin:0;height:40px;font-size:14px}.auth-manage-page .search-block>div .btn-groups .btn:last-child{margin-left:10px}.quick-panel .quick-panel-title-block h4{font-size:14px}.quick-panel .more-data{font-size:12px}.report-table .column-num{flex-basis:20px}.report-table .column-auth,.report-table .column-name{flex-basis:80px}.report-table .column-date{max-width:70px}footer{height:auto;padding:10px}}