/* normalize */
html { line-height: 1.15; -webkit-text-size-adjust: 100%; } body { margin: 0; } main { display: block; } h1 { font-size: 2em; margin: 0.67em 0; } hr { box-sizing: content-box; height: 0; overflow: visible; } pre { font-family: monospace, monospace; font-size: 1em; } a { background-color: transparent; } abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b, strong { font-weight: bolder; } code, kbd, samp { font-family: monospace, monospace; font-size: 1em; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } img { border-style: none; } button, input, optgroup, select, textarea { font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button, input { overflow: visible; } button, select { text-transform: none; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } fieldset { padding: 0.35em 0.75em 0.625em; } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress { vertical-align: baseline; } textarea { overflow: auto; } [type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { -webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; } details { display: block; } summary { display: list-item; } template { display: none; } [hidden] { display: none; }
/* app */
#app-automessage-shadow-box, .app-shadow-box { position: fixed; top: 0; right: 0; bottom: -300px; left: 0; background-color: #000000; opacity: 0.3; } .app-message-box { background-color: white; position: fixed; border: 1px solid #ddd; font-size: 1.2em; border-radius: 0.5rem; width: 500px; display: none; } .app-message-box-base { top: 50%; left: 50%; transform: translate(-50%, -50%); animation-duration: 0.3s; animation-name: app-opacity-in; } @keyframes app-opacity-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes app-opacity-out { 0% { opacity: 1; } 100% { opacity: 0; } } .app-message-header { height: 42px; line-height: 42px; font-size: 14px; padding: 0 80px 0 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; border-bottom: 1px solid #ccc; position: relative; } .app-message-box-mouseMove { cursor: move; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .app-message-content { padding: 20px; max-height: 520px; overflow-y: auto; } .app-message-footer { height: 48px; line-height: 44px; padding: 0 15px 0 15px; text-align: right; text-overflow: ellipsis; border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; border-top: 1px solid #ddd; } .app-message-footer>button:not(:first-child) { margin-left: 5px; } .app-message-footer>button>.app-message-btnicon { margin-right: 3px; } .app-message-confirmbtn { flex: 1; text-align: center; cursor: pointer; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #dcdcdc; } .app-message-textbtn { cursor: pointer; } .app-message-textbtn:hover, .app-message-confirmbtn:hover { background-color: #f3f3f3; } .app-message-alertbottom-icontext { white-space: normal; font-size: 10px; color: #999; text-align: center; padding: 0 5px; } @media screen and (max-width: 992px) { .app-message-box { width: 450px; max-width: 90%; } .app-message-content { max-height: 460px; max-width: 100%; } .app-message-box-iframe>.app-message-content { max-height: 380px; } } .app-message-auto { position: fixed; background-color: #000000; background-color: #fff; left: 50%; border: 1px solid #ddd; transform: translate(-50%, -50%); font-size: 1.2em; padding: 2rem; border-radius: 0.5rem; animation-name: app-opacity-in; animation-duration: 0.3s; } .app-message-setwin { position: absolute; top: 15px; right: 15px; font-size: 0; } .app-message-close { position: absolute; z-index: 10; right: -15px; top: -15px; width: 30px; height: 30px; margin-left: 0; cursor: pointer; transition: All 0.4s ease-in-out; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAKwwAACsMBNCkkqwAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xNC8xNxpI5/gAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzbovLKMAAAEN0lEQVRIiaWXTUhjVxTH/+diAmNMDGpCSCBNtWFEIQ0MFAYGZlNt6aKbUhpxYeAZxY0MlGy7K67LLIraYA26sd2UblrUEYp0oIKIgviBaaqNlYRIJgkulDm3i+Q9XvJenjoeCLxz7j3nd9595957QlJKqEJEsBJmfg7gGYAgAB+AtwAKRPQ3gE0i2rQMoBcppfZrMR5l5llmzstbhJn/ZeaXzDxw5wRMgEFmnrkNZpHEN8zsaRXfdG2llB9LKX8iIrfeXigUsLe3h1KphGq1CiKCw+FAV1cXIpEIurq6muP8ByAmhPjjVjAzjxHRj3rb7u4u1tbWkM/nLVfJ7/djeHgY/f39zQl8LoT4tSWYmT8hot9UvVKpYHl5Gdls1hLYLOFwGCMjI2hvb9fDn+vfXAMz8/sA9ojIAQC5XA6Li4sol8v3gqrS3d0NRVG05ZdS/kNEHxLRGwAQurlTKrRcLj8ICgDFYhGpVApXV1cAACJ6D8CUOi7q2TwhoqRqXFpaehBUD19ZWdGbZpj5Az1Yy2RnZwenp6eGIH6/3xJit9vhdrsN9oODAxwdHelNUxqYiBTVur6+bnCORqOYnp5GIpGAzWYzjPt8PiSTSSSTSdjtdsP46uqq9qyyBDMPqcZsNotCoWBwPDk5QblcRl9fH+LxeAPc6/UikUjA6XQik8ng+vra4H92doaLiwtV7WTmjwRqZy8A4Pj42OAE1LbV7OysAe71ejE5OQmHw4FMJoN0Om3qbxL7mQDwWNXM3laVYrHYAFcUpQG6sLCAm5ublv5NsR8LIvKpWrVabemowufn51EulxEKhe4MNYntE60mthIiarg+hbh3iJqflFL76h0dHZaTPR6PVkjZbBaVSgWhUAiKophWu16aYl8IAIf6wFbQiYkJrXpTqRTm5uYa4GZbqUXsQwFA6xrC4bCpk9vtboCq37RQKDTAx8bGWi59U+xNQUSvVC0YDBruVAAIBAJwOp04OTkxFJIKVwuura3N1N/n02r4jRDiLwIAZv6TiJ4CwPb2dvP5CqB2UFjdxzabDY8ePTI94+PxuHZHSym/E0K8UNfla3VSNBpFIBAwON/WBNzc3JhCe3t7mxuD74H6WS2EeC2lfF1/RiwWa7jE31VcLhdisZimSym/FUIcauC6TEkpr4FaBSqKAqfT+c5Qt9uN8fFxuFwuFVpE/W0BY+vzBRH9rOqlUgnpdBrn5+f3goZCIYyOjjYkLqX8VAjxuym4Djc0e1tbW9jY2MDl5aUl0OPxYGhoCJFIpMEupfxKCNFQsabtLTN/BuAXImrYG7lcDvv7+6hUKsjn8xBCoKenB52dnRgcHNRvGRVYIqIviWjNMuMm+AAzv3xAQz8jpQzeGWiSwFNmTjPz1R14JWb+QUr55La41v/SjEkModY4+AAMENFbKeUhgByATSHEK8sAOvkfU5us3WE/neAAAAAASUVORK5CYII=); } .app-message-hicon-tab { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNDI1OCI+PHBhdGggZD0iTTgzMiAwSDE5MkMxNTguNCAwIDEyOCAzMC40IDEyOCA2NHY4OTZjMCAzMy42IDMwLjQgNjQgNjQgNjRoNjQwYzMzLjYgMCA2NC0zMC40IDY0LTY0VjY0YzAtMzMuNi0zMC40LTY0LTY0LTY0eiBtLTIwLjggOTM5LjJIMjEyLjhWODQuOGg1OTYuOHY4NTQuNHoiIHAtaWQ9IjQyNTkiPjwvcGF0aD48cGF0aCBkPSJNMzg0IDI1NmgxMjhjMjUuNiAwIDQzLjItMTcuNiA0My4yLTQzLjJzLTE3LjYtNDMuMi00My4yLTQzLjJoLTEyOGMtMjUuNiAwLTQzLjIgMTcuNi00My4yIDQzLjJTMzU4LjQgMjU2IDM4NCAyNTZ6IiBwLWlkPSI0MjYwIj48L3BhdGg+PHBhdGggZD0iTTY0MCAyMTIuOG0tNDMuMiAwYTQzLjIgNDMuMiAwIDEgMCA4Ni40IDAgNDMuMiA0My4yIDAgMSAwLTg2LjQgMFoiIHAtaWQ9IjQyNjEiPjwvcGF0aD48cGF0aCBkPSJNNTEyIDg1Mi44bS00My4yIDBhNDMuMiA0My4yIDAgMSAwIDg2LjQgMCA0My4yIDQzLjIgMCAxIDAtODYuNCAwWiIgcC1pZD0iNDI2MiI+PC9wYXRoPjwvc3ZnPg=="); } .app-message-adjust-full { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNDU1MSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIj48cGF0aCBkPSJNMjkwIDIzNi40bDQzLjktNDMuOWM0LjctNC43IDEuOS0xMi44LTQuNy0xMy42TDE2OSAxNjBjLTUuMS0wLjYtOS41IDMuNy04LjkgOC45TDE3OSAzMjkuMWMwLjggNi42IDguOSA5LjQgMTMuNiA0LjdsNDMuNy00My43TDM3MCA0MjMuN2MzLjEgMy4xIDguMiAzLjEgMTEuMyAwbDQyLjQtNDIuM2MzLjEtMy4xIDMuMS04LjIgMC0xMS4zTDI5MCAyMzYuNHpNNjQyLjcgNDIzLjdjMy4xIDMuMSA4LjIgMy4xIDExLjMgMGwxMzMuNy0xMzMuNiA0My43IDQzLjdjNC43IDQuNyAxMi44IDEuOSAxMy42LTQuN0w4NjMuOSAxNjljMC42LTUuMS0zLjctOS41LTguOS04LjlMNjk0LjggMTc5Yy02LjYgMC44LTkuNCA4LjktNC43IDEzLjZsNDMuOSA0My45TDYwMC4zIDM3MGMtMy4xIDMuMS0zLjEgOC4yIDAgMTEuM2w0Mi40IDQyLjR6TTg0NSA2OTQuOWMtMC44LTYuNi04LjktOS40LTEzLjYtNC43bC00My43IDQzLjdMNjU0IDYwMC4zYy0zLjEtMy4xLTguMi0zLjEtMTEuMyAwbC00Mi40IDQyLjNjLTMuMSAzLjEtMy4xIDguMiAwIDExLjNMNzM0IDc4Ny42bC00My45IDQzLjljLTQuNyA0LjctMS45IDEyLjggNC43IDEzLjZMODU1IDg2NGM1LjEgMC42IDkuNS0zLjcgOC45LTguOUw4NDUgNjk0Ljl6TTM4MS4zIDYwMC4zYy0zLjEtMy4xLTguMi0zLjEtMTEuMyAwTDIzNi4zIDczMy45bC00My43LTQzLjdjLTQuNy00LjctMTIuOC0xLjktMTMuNiA0LjdMMTYwLjEgODU1Yy0wLjYgNS4xIDMuNyA5LjUgOC45IDguOUwzMjkuMiA4NDVjNi42LTAuOCA5LjQtOC45IDQuNy0xMy42TDI5MCA3ODcuNiA0MjMuNyA2NTRjMy4xLTMuMSAzLjEtOC4yIDAtMTEuM2wtNDIuNC00Mi40eiIgcC1pZD0iNDU1MiI+PC9wYXRoPjwvc3ZnPg=="); } .app-message-adjust-fullexit { background-image: url("data:image/svg+xml;charset=utf-8;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcC1pZD0iNDcwNSIgd2lkdGg9IjMwIiBoZWlnaHQ9IjMwIj48cGF0aCBkPSJNMzkxIDI0MC45Yy0wLjgtNi42LTguOS05LjQtMTMuNi00LjdsLTQzLjcgNDMuN0wyMDAgMTQ2LjNjLTMuMS0zLjEtOC4yLTMuMS0xMS4zIDBsLTQyLjQgNDIuM2MtMy4xIDMuMS0zLjEgOC4yIDAgMTEuM0wyODAgMzMzLjZsLTQzLjkgNDMuOWMtNC43IDQuNy0xLjkgMTIuOCA0LjcgMTMuNkw0MDEgNDEwYzUuMSAwLjYgOS41LTMuNyA4LjktOC45TDM5MSAyNDAuOXpNNDAxLjEgNjE0LjFMMjQwLjggNjMzYy02LjYgMC44LTkuNCA4LjktNC43IDEzLjZsNDMuOSA0My45TDE0Ni4zIDgyNGMtMy4xIDMuMS0zLjEgOC4yIDAgMTEuM2w0Mi40IDQyLjNjMy4xIDMuMSA4LjIgMy4xIDExLjMgMEwzMzMuNyA3NDRsNDMuNyA0My43YzQuNyA0LjcgMTIuOCAxLjkgMTMuNi00LjdsMTguOS0xNjAuMWMwLjYtNS4xLTMuNy05LjQtOC44LTguOHpNNjIyLjkgNDA5LjlMNzgzLjIgMzkxYzYuNi0wLjggOS40LTguOSA0LjctMTMuNkw3NDQgMzMzLjYgODc3LjcgMjAwYzMuMS0zLjEgMy4xLTguMiAwLTExLjNsLTQyLjQtNDIuM2MtMy4xLTMuMS04LjItMy4xLTExLjMgMEw2OTAuMyAyNzkuOWwtNDMuNy00My43Yy00LjctNC43LTEyLjgtMS45LTEzLjYgNC43TDYxNC4xIDQwMWMtMC42IDUuMiAzLjcgOS41IDguOCA4Ljl6TTc0NCA2OTAuNGw0My45LTQzLjljNC43LTQuNyAxLjktMTIuOC00LjctMTMuNkw2MjMgNjE0Yy01LjEtMC42LTkuNSAzLjctOC45IDguOUw2MzMgNzgzLjFjMC44IDYuNiA4LjkgOS40IDEzLjYgNC43bDQzLjctNDMuN0w4MjQgODc3LjdjMy4xIDMuMSA4LjIgMy4xIDExLjMgMGw0Mi40LTQyLjNjMy4xLTMuMSAzLjEtOC4yIDAtMTEuM0w3NDQgNjkwLjR6IiBwLWlkPSI0NzA2Ij48L3BhdGg+PC9zdmc+"); } .app-message-hiconbox { position: absolute; right: 0px; } .app-message-hicon { display: inline-block; width: 30px; height: 30px; } .app-message-hiconleft { position: relative; top: 5px; right: 40px; cursor: pointer; } .app-message-hiconright { top: 5px; position: relative; right: 10px; } .app-message-hiconright+.app-message-hiconleft { right: 5px; } @media screen and (max-width: 992px) { .app-message-close { top: auto; right: auto; left: calc(50% - 15px); bottom: -35px; } } .app-message-close-inner { left: auto; bottom: auto; right: 5px; top: 5px; } .app-message-close:hover { transform: rotate(180deg); } .app-message-content table { display: table; max-width: 100%; border: 1px solid #e6e6e6; border-collapse: collapse; border-spacing: 1px; } .app-message-content th, .app-message-content td { border: 1px solid #e6e6e6; padding: 8px 16px; text-align: left; word-break: break-all; } .app-message-content th { background-color: #eff3f5; } .app-message-content table tr td { word-break: break-all; } .app-message-content tr:nth-child(odd) { background-color: #f5f6f7; } .app-message-box-full { height: 100%; width: 100%; max-width: 100%; border-radius: 0; } .app-message-box-full .app-message-content { height: 100%; max-height: none; padding: 0; border-width: 0; box-sizing: border-box; } .app-message-box-full .app-message-header+.app-message-content { height: calc(100% - 42px); } .app-tab-content { display: none; } .app-tab-active, .app-tab-active:focus { background-color: #5cb85c; border-color: #4cae4c; } .app-display-none{ display: none; } .app-display-block{ display: block; } .app-display-flex{ display: flex; } .app-display-inline-block{ display: inline-block; } .app-display-inline{ display: inline; } .app-word-break-all{ word-break: break-all; } .app-word-break-normal{ word-break: normal; } .app-word-break-keep-all{ word-break: keep-all; } .app-position-relative{ position: relative; } .app-position-absolute{ position: absolute; } .app-position-fixed{ position: fixed; } .app-position-static{ position: static; } .app-btn{ display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .app-btn-default{ color: #333; background-color: #fff; border-color: #ccc; } .app-btn-primary{ color: #fff; background-color: #337ab7; border-color: #2e6da4; } .app-btn-danger{ color: #fff; background-color: #d9534f; border-color: #d43f3a; } .app-btn-success{ color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .app-btn:hover{ color: #333; text-decoration: none; } .app-btn-default:hover{ color: #333; background-color: #e6e6e6; border-color: #adadad; } .app-btn-primary:hover{ color: #fff; background-color: #286090; border-color: #204d74; } .app-btn-danger:hover{ color: #fff; background-color: #c9302c; border-color: #ac2925; } .app-btn-success:hover{ color: #fff; background-color: #449d44; border-color: #398439; }