:root, [data-bs-theme=light] { --bs-blue: #0d6efd;--bs-indigo: #6610f2;--bs-purple: #6f42c1;--bs-pink: #d63384;--bs-red: #dc3545;--bs-orange: #fd7e14;--bs-yellow: #ffc107;--bs-green: #198754;--bs-teal: #20c997;--bs-cyan: #0dcaf0;--bs-black: #000;--bs-white: #fff;--bs-gray: #6c757d;--bs-gray-dark: #343a40;--bs-gray-100: #f8f9fa;--bs-gray-200: #e9ecef;--bs-gray-300: #dee2e6;--bs-gray-400: #ced4da;--bs-gray-500: #adb5bd;--bs-gray-600: #6c757d;--bs-gray-700: #495057;--bs-gray-800: #343a40;--bs-gray-900: #212529;--bs-primary: #0d6efd;--bs-secondary: #6c757d;--bs-success: #198754;--bs-info: #0dcaf0;--bs-warning: #ffc107;--bs-danger: #dc3545;--bs-light: #f8f9fa;--bs-dark: #212529;--bs-primary-rgb: 13, 110, 253;--bs-secondary-rgb: 108, 117, 125;--bs-success-rgb: 25, 135, 84;--bs-info-rgb: 13, 202, 240;--bs-warning-rgb: 255, 193, 7;--bs-danger-rgb: 220, 53, 69;--bs-light-rgb: 248, 249, 250;--bs-dark-rgb: 33, 37, 41;--bs-primary-text-emphasis: #052c65;--bs-secondary-text-emphasis: #2b2f32;--bs-success-text-emphasis: #0a3622;--bs-info-text-emphasis: #055160;--bs-warning-text-emphasis: #664d03;--bs-danger-text-emphasis: #58151c;--bs-light-text-emphasis: #495057;--bs-dark-text-emphasis: #495057;--bs-primary-bg-subtle: #cfe2ff;--bs-secondary-bg-subtle: #e2e3e5;--bs-success-bg-subtle: #d1e7dd;--bs-info-bg-subtle: #cff4fc;--bs-warning-bg-subtle: #fff3cd;--bs-danger-bg-subtle: #f8d7da;--bs-light-bg-subtle: #fcfcfd;--bs-dark-bg-subtle: #ced4da;--bs-primary-border-subtle: #9ec5fe;--bs-secondary-border-subtle: #c4c8cb;--bs-success-border-subtle: #a3cfbb;--bs-info-border-subtle: #9eeaf9;--bs-warning-border-subtle: #ffe69c;--bs-danger-border-subtle: #f1aeb5;--bs-light-border-subtle: #e9ecef;--bs-dark-border-subtle: #adb5bd;--bs-white-rgb: 255, 255, 255;--bs-black-rgb: 0, 0, 0;--bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size: 1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.5;--bs-body-color: #212529;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-bg-rgb: 255, 255, 255;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb: 33, 37, 41;--bs-secondary-bg: #e9ecef;--bs-secondary-bg-rgb: 233, 236, 239;--bs-tertiary-color: rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb: 33, 37, 41;--bs-tertiary-bg: #f8f9fa;--bs-tertiary-bg-rgb: 248, 249, 250;--bs-heading-color: inherit;--bs-link-color: #6132b8;--bs-link-color-rgb: 97,50,184;--bs-link-hover-color: #5a32ff;--bs-link-hover-color-rgb: 90, 50, 255;--bs-link-decoration: underline;--bs-code-color: #d63384;--bs-highlight-color: #212529;--bs-highlight-bg: #fff3cd;--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: #dee2e6;--bs-border-color-translucent: rgba(0, 0, 0, 0.175);--bs-border-radius: 0.375rem;--bs-border-radius-sm: 0.25rem;--bs-border-radius-lg: 0.5rem;--bs-border-radius-xl: 1rem;--bs-border-radius-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 0.25;--bs-focus-ring-color: rgba(13, 110, 253, 0.25);--bs-form-valid-color: #198754;--bs-form-valid-border-color: #198754;--bs-form-invalid-color: #dc3545;--bs-form-invalid-border-color: #dc3545;} [data-bs-theme=dark] { color-scheme: dark;--bs-body-color: #dee2e6;--bs-body-color-rgb: 222, 226, 230;--bs-body-bg: #212529;--bs-body-bg-rgb: 33, 37, 41;--bs-emphasis-color: #fff;--bs-emphasis-color-rgb: 255, 255, 255;--bs-secondary-color: rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb: 222, 226, 230;--bs-secondary-bg: #343a40;--bs-secondary-bg-rgb: 52, 58, 64;--bs-tertiary-color: rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb: 222, 226, 230;--bs-tertiary-bg: #2b3035;--bs-tertiary-bg-rgb: 43, 48, 53;--bs-primary-text-emphasis: #6ea8fe;--bs-secondary-text-emphasis: #a7acb1;--bs-success-text-emphasis: #75b798;--bs-info-text-emphasis: #6edff6;--bs-warning-text-emphasis: #ffda6a;--bs-danger-text-emphasis: #ea868f;--bs-light-text-emphasis: #f8f9fa;--bs-dark-text-emphasis: #dee2e6;--bs-primary-bg-subtle: #031633;--bs-secondary-bg-subtle: #161719;--bs-success-bg-subtle: #051b11;--bs-info-bg-subtle: #032830;--bs-warning-bg-subtle: #332701;--bs-danger-bg-subtle: #2c0b0e;--bs-light-bg-subtle: #343a40;--bs-dark-bg-subtle: #1a1d20;--bs-primary-border-subtle: #084298;--bs-secondary-border-subtle: #41464b;--bs-success-border-subtle: #0f5132;--bs-info-border-subtle: #087990;--bs-warning-border-subtle: #997404;--bs-danger-border-subtle: #842029;--bs-light-border-subtle: #495057;--bs-dark-border-subtle: #343a40;--bs-heading-color: inherit;--bs-link-color: #6ea8fe;--bs-link-hover-color: #8bb9fe;--bs-link-color-rgb: 110, 168, 254;--bs-link-hover-color-rgb: 139, 185, 254;--bs-code-color: #e685b5;--bs-highlight-color: #dee2e6;--bs-highlight-bg: #664d03;--bs-border-color: #495057;--bs-border-color-translucent: rgba(255, 255, 255, 0.15);--bs-form-valid-color: #75b798;--bs-form-valid-border-color: #75b798;--bs-form-invalid-color: #ea868f;--bs-form-invalid-border-color: #ea868f;} *,::after,::before{box-sizing:border-box} @media (prefers-reduced-motion:no-preference){ :root{scroll-behavior:smooth} } body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent} hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25} h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)} h1{font-size:calc(1.375rem + 1.5vw)} h2{font-size:calc(1.325rem + .9vw)} h3{font-size:calc(1.3rem + .6vw)} h4{font-size:calc(1.275rem + .3vw)} h5{font-size:1.25rem} h6{font-size:1rem} @media (min-width:1200px){ h1{font-size:2.5rem} h2{font-size:2rem} h3{font-size:1.75rem} h4{font-size:1.5rem} } p{margin-top:0;margin-bottom:1rem} abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none} address{margin-bottom:1rem;font-style:normal;line-height:inherit} dl,ol,ul{margin-top:0;margin-bottom:1rem;list-style-type:none} ol ol,ol ul,ul ol,ul ul{margin-bottom:0} dt{font-weight:700} dd{margin-bottom:.5rem;margin-left:0} blockquote{margin:0 0 1rem} b,strong{font-weight:bolder} small{font-size:.875em} mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)} sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline} sub{bottom:-.25em} sup{top:-.5em} a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:none} a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)} a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none} code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em} pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em} pre code{font-size:inherit;color:inherit;word-break:normal} code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word} a>code{color:inherit} kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem} kbd kbd{padding:0;font-size:1em} figure{margin:0 0 1rem} img,svg{vertical-align:middle} table{caption-side:bottom;border-collapse:collapse} caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left} th{text-align:inherit;text-align:-webkit-match-parent} tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0} label{display:inline-block} button{border-radius:0} button:focus:not(:focus-visible){outline:0} button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit} button,select{text-transform:none} [role=button]{cursor:pointer} select{word-wrap:normal} select:disabled{opacity:1} [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important} [type=button],[type=reset],[type=submit],button{-webkit-appearance:button} [type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer} ::-moz-focus-inner{padding:0;border-style:none} textarea{resize:vertical} fieldset{min-width:0;padding:0;margin:0;border:0} legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)} @media (min-width:1200px){legend{font-size:1.5rem} } legend+*{clear:left} ::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0} ::-webkit-inner-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-color-swatch-wrapper{padding:0} ::-webkit-file-upload-button{font:inherit;-webkit-appearance:button} ::file-selector-button{font:inherit;-webkit-appearance:button} input:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#91cde4;outline:0;box-shadow:0 0 0 .25rem rgba(90,50,255,.25)} output{display:inline-block} iframe{border:0} summary{display:list-item;cursor:pointer} progress{vertical-align:baseline} [hidden]{display:none!important} .container, .container-fluid, .container-xxl, .container-xl, .container-lg, .container-md, .container-sm { --bs-gutter-x: 1.5rem;--bs-gutter-y: 0;width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-right: auto;margin-left: auto;} @media (min-width: 576px) { .container-sm, .container { max-width: 540px;} } @media (min-width: 768px) { .container-md, .container-sm, .container { max-width: 750px;} } @media (min-width: 992px) { .container-lg, .container-md, .container-sm, .container { max-width: 960px;} } @media (min-width: 1200px) { .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1140px;} } @media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1320px;} } :root { --bs-breakpoint-xs: 0;--bs-breakpoint-sm: 576px;--bs-breakpoint-md: 768px;--bs-breakpoint-lg: 992px;--bs-breakpoint-xl: 1200px;--bs-breakpoint-xxl: 1400px;} .row { --bs-gutter-x: 1.5rem;--bs-gutter-y: 0;display: flex;flex-wrap: wrap;margin-top: calc(-1 * var(--bs-gutter-y));margin-right: calc(-0.5 * var(--bs-gutter-x));margin-left: calc(-0.5 * var(--bs-gutter-x));} .row > * { box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: calc(var(--bs-gutter-x) * 0.5);padding-left: calc(var(--bs-gutter-x) * 0.5);margin-top: var(--bs-gutter-y);} .col { flex: 1 0 0;} .row-cols-auto > * { flex: 0 0 auto;width: auto;} .row-cols-1 > * { flex: 0 0 auto;width: 100%;} .row-cols-2 > * { flex: 0 0 auto;width: 50%;} .row-cols-3 > * { flex: 0 0 auto;width: 33.33333333%;} .row-cols-4 > * { flex: 0 0 auto;width: 25%;} .row-cols-5 > * { flex: 0 0 auto;width: 20%;} .row-cols-6 > * { flex: 0 0 auto;width: 16.66666667%;} .col-auto { flex: 0 0 auto;width: auto;} .col-1 { flex: 0 0 auto;width: 8.33333333%;} .col-2 { flex: 0 0 auto;width: 16.66666667%;} .col-3 { flex: 0 0 auto;width: 25%;} .col-4 { flex: 0 0 auto;width: 33.33333333%;} .col-5 { flex: 0 0 auto;width: 41.66666667%;} .col-6 { flex: 0 0 auto;width: 50%;} .col-7 { flex: 0 0 auto;width: 58.33333333%;} .col-8 { flex: 0 0 auto;width: 66.66666667%;} .col-9 { flex: 0 0 auto;width: 75%;} .col-10 { flex: 0 0 auto;width: 83.33333333%;} .col-11 { flex: 0 0 auto;width: 91.66666667%;} .col-12 { flex: 0 0 auto;width: 100%;} .offcanvas{position:fixed;top:0;right:0;width:400px;max-width:100vw;height:100vh;z-index:1111;background:#f6f7f8;box-shadow:-2px 0 8px rgba(0,0,0,.08);display:flex;flex-direction:column;color:#212529;line-height:1.5;transform:translateX(100%);visibility:hidden;transition:transform .5s,visibility 0s linear .5s} .offcanvas.show{transform:none;visibility:visible;transition:transform .5s} .offcanvas .offcanvas-head{display:flex;align-items:center;padding-left:1.25rem;padding-right:1rem;height:60px;box-shadow:0 2px 8px rgba(0,0,0,.1)} .offcanvas .offcanvas-head .icon-close{font-size:20px;margin-left:auto;transition:transform .2s} .offcanvas .offcanvas-head .icon-close:hover{color:#f00;} .offcanvas .offcanvas-head .offcanvas-title{font-size:20px;color:#5033bb;display:flex;align-items:center} .offcanvas .offcanvas-head .offcanvas-title .iconfont{font-size:22px;margin-right:10px} .offcanvas .offcanvas-body{flex:1 1 auto;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch} @media (max-width:600px){ .offcanvas{width:90vw;min-width:0} } @font-face { font-family: "iconfont";src: url('../font/iconfont.woff2?t=1742538049812') format('woff2'), url('../font/iconfont.woff?t=1742538049812') format('woff'), url('../font/iconfont.ttf?t=1742538049812') format('truetype');} .iconfont { font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .icon-spin { animation-name: icon-spin;animation-delay: -1ms;animation-duration: 1ms;animation-iteration-count: 1;transition-delay: 0s;transition-duration: 0s;} @keyframes icon-spin { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);} } .icon-close:before { content: "\e617";} .icon-toggler:before { content: "\e92a";} .icon-house:before { content: "\e601";} .icon-home:before { content: "\e606";} .icon-wish:before { content: "\e629";} .icon-search:before { content: "\e615";} .icon-user:before { content: "\e76c";} .icon-user-center:before { content: "\e61e";} .icon-global:before { content: "\e64a";} .icon-cart:before { content: "\e619";} .icon-logout:before { content: "\e64b";} .icon-login:before { content: "\e662";} .icon-register:before { content: "\e61c";} .icon-captcha:before { content: "\e718";} .icon-tarot:before { content: "\e600";} .icon-tarot-reading:before { content: "\e60a";} .icon-crystal-ball:before { content: "\e7d7";} .icon-story:before { content: "\e608";} .icon-wisdow:before { content: "\e792";} .icon-contact:before { content: "\e64c";} .icon-back:before { content: "\e72e";} .icon-check:before { content: "\e67b";} .icon-check-circle:before { content: "\e6f3";} .icon-info-circle:before { content: "\e625";} .icon-exclamation-circle:before { content: "\e60b";} .icon-exclamation-triangle:before { content: "\e60f";} .icon-pencil:before { content: "\e652";} .icon-upload:before { content: "\e6cc";} .icon-download:before { content: "\e6cd";} .icon-eye:before { content: "\e645";} .icon-eye-closed:before { content: "\e63d";} .icon-xmark:before { content: "\e60c";} .icon-heart:before { content: "\e7b2";} .icon-table-list:before { content: "\e61f";} .icon-table-cells:before { content: "\e769";} .icon-lock:before { content: "\e62f";} .icon-unlock:before { content: "\e633";} .icon-turk:before { content: "\e640";} .icon-star:before { content: "\e943";} .icon-credit-card:before { content: "\e671";} .icon-thumbs-up:before { content: "\e70a";} .icon-thumbs-down:before { content: "\e609";} .icon-envelope:before { content: "\e664";} .icon-key:before { content: "\eb6a";} .icon-rotate:before { content: "\e798";} .icon-location:before { content: "\e613";} .icon-trash-can:before { content: "\e649";} .icon-caret-down:before { content: "\e60d";} .icon-article:before { content: "\e665";} .icon-add:before { content: "\e603";} .icon-affiliate:before { content: "\e611";} .icon-return:before { content: "\e63e";} .icon-transaction:before { content: "\e610";} .icon-subscription:before { content: "\e6ce";} .icon-order:before { content: "\e62a";} .icon-reward:before { content: "\e62e";} .icon-newsletter:before { content: "\e730";} .icon-downloads:before { content: "\ea7d";} .icon-tracking:before { content: "\e630";} .icon-arrow-top:before { content: "\e604";} .icon-arrow-bottom:before { content: "\e602";} .icon-arrow-left:before { content: "\e605";} .icon-arrow-right:before { content: "\e616";} .icon-arrow-both:before { content: "\e608";} .icon-submit:before { content: "\e6c2";} .icon-circle-notch:before { content: "\e64e";} .button-close{box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:#000;background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.25rem;opacity:.5} .button-close:hover{color:#000;text-decoration:none;opacity:.75} .button-close:focus{outline:0;box-shadow:0 0 0 .25rem rgba(90,50,255,.25);opacity:1} :root{ --ace-gutter:15px;--ace-color-main:#5033bb;--ace-color-button:#5a32ff;--ace-color-button-hover:#5033bb;--ace-shadow-main:rgba(0,0,0,.04) 0 1px 0,rgba(0,0,0,.05) 0 2px 7px,rgba(0,0,0,.06) 0 12px 22px;--ace-shadow-hover:0 5px 3px rgba(23,43,77,.04),0 8px 5px rgba(23,43,77,.08);} @media (min-width:768px){:root{ --ace-gutter:20px;}} @media (min-width:992px){:root{ --ace-gutter:30px;}} @font-face{font-family:'Julius Sans One';font-style:normal;font-weight:400;font-display:swap;src:url(../font/juliussansone.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} #cookie{position:fixed;bottom:0;left:0;width:100%;height:150px;z-index:1111;opacity:.95;color:#ecf0f1;background:#343a40} #cookie div{font-size:16px;color:#fff} #mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1001;opacity:1;transition:opacity .3s} #container{width:100%;min-height:100vh;position:relative;} #container > header>.background{position:absolute;top:0;left:0;width:100%;height:60px;overflow:hidden;background-color:#131673;z-index:-1} #container > header>.background::before{content:"";position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#131673;background-image:url(../image/texture.png),radial-gradient(150% 100% at 50% 30%,#6132b8 0,#131673 100%);background-image:url(../image/texture.png),-webkit-radial-gradient(50% 30%,150% 100%,#6132b8 0,#131673 100%);background-repeat:repeat,no-repeat;background-size:4rem,auto;background-position:top center,center;background-blend-mode:overlay,normal} #container > header{position:fixed;left:0;top:0;z-index:1000;width:100%;height:60px;box-shadow:0 2px 8px rgba(0,0,0,.1)} #container > header>.container{width:100%;height:60px;display:flex;align-items:center;justify-content:space-between} #container > header .nav{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;padding:0;margin:0} #container > header .nav-logo{width:auto;height:100%;line-height:100%;font-size:30px;cursor:pointer;color:#fff;display:flex;align-items:center} #container > header .nav-logo:focus{outline: none;box-shadow: none;} #container > header .nav-logo img{display: block;border:0;width:auto;height:35px;overflow:hidden;} #container > header .nav-list{margin:0;padding:0;display:flex;align-items:center;height:100%;font-size:18px;list-style-type:none} @media (max-width:991px){ #container > header .nav-list{display:none} #container > header #icon-search{display:none} } #container > header .nav-list>li{width:auto;height:40px;line-height:40px;cursor:pointer;padding:0 15px;margin-left:-5px;margin-right:-5px;color:#fff;position:relative;} #container > header .nav-list>li:hover{background:rgba(15,15,15,.25);border-radius:5px} #container > header .nav-list>li:hover>a, #container > header .nav-list>li>a{color:#fff} #container > header .nav-icon{margin:0;padding:0;width:200px;height:100%;display:flex;align-items:center;justify-content:flex-end;margin-right:-10px} #container > header .nav-icon>li{width:50px;height:40px;line-height:40px;cursor:pointer;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;position:relative;} #container > header .nav-icon>li.show, #container > header .nav-icon>li:hover{background:rgba(15,15,15,.25);border-radius:5px} #container > header .nav-icon>li>.iconfont, #container > header .nav-icon>li>a>.iconfont{font-size:24px;color:#fff} #container > header .nav-icon>li>a .red-dot::after{content:'';position:absolute;top:3px;right:5px;width:12px;height:12px;background-color:red;border-radius:50%;z-index:1} #container > header .nav-icon .cart-badge{position:absolute;width:16px;height:16px;top:5px;right:5px;border-radius:50%;background:red;animation:pulse 2s infinite;font-size:10px;color:#fff;text-align:center;line-height:16px;padding:0;overflow:hidden;} @keyframes pulse{0%{-moz-box-shadow:0 0 0 0 rgba(255,0,0,.9);box-shadow:0 0 0 0 rgba(255,0,0,.7)} 70%{-moz-box-shadow:0 0 0 10px rgba(255,0,0,0);box-shadow:0 0 0 10px rgba(255,0,0,0)} 100%{-moz-box-shadow:0 0 0 0 rgba(255,0,0,0);box-shadow:0 0 0 0 rgba(255,0,0,0)} } #container > header .dropdown .dropdown-menu{position:absolute;z-index:1000;display:none;min-width:10rem;padding:15px;margin-top:10px;font-size:1rem;background-color:#fff;background-clip:padding-box;top:100%;right:0;border-radius:0 0 2px 2px;transition:all .3s ease} #container > header .dropdown.show .dropdown-menu{display:block} #container > header .dropdown .dropdown-menu li{padding-left:5px;height:36px;line-height:36px} #container > header .dropdown .dropdown-menu li:hover{background:#f6f7f8;border-radius:3px} #container > header .dropdown .dropdown-menu li a{width:100%;color:#333;font-size:18px} #container > header .dropdown .dropdown-menu>li>a>i{color:#666;font-size:18px;margin-right:5px} #container > header .dropdown-customer{width:188px;min-width:188px;} #container > header .dropdown-customer li a{width:100%;color:#333;font-size:16px} #container > header .dropdown-language{width:190px} #container > header .dropdown-language li{padding-left:10px} #container > header .dropdown-language li a{color:#666} #container > header .dropdown-language li.current{background:#712cf9;border-radius:3px} #container > header .dropdown-language li.current a{color:#fff} #container > header .dropdown-language img{margin-right:10px;width:22px;height:15px} #container > header .dropdown-search{width:390px;right:0px!important;left:auto!important} #container > nav .search-form{width:100%;height:auto;padding:1rem} #container > nav .menu-list{width:100%;height:auto;padding:0 1rem} #container > nav .menu-item{display:block;width:100%;height:auto} #container > nav .menu-item a{display:block;width:100%;color:#333;font-size:18px;padding:.5rem 0} #container > nav .menu-item a:hover{color:var(--ace-color-main)} #container > nav .menu-item a i{margin-right:15px;font-size:20px} #container > nav .menu-item>a{border-bottom:1px dashed #ddd} #container > nav .menu-item>a:after{content:'\e616';font-family:iconfont;float:right} #container > nav .menu-item>a[aria-expanded=true]{color:var(--ace-color-main);border-bottom:none} #container > nav .menu-item>a[aria-expanded=true]:after{content:'\e621'} #container > nav .menu-item>a[aria-expanded=false]:after{content:'\e603'} #container > nav .menu-item>ul{background:#fff;padding:0 1.5rem;border-radius:5px} #container > nav .menu-item>ul.show{border: 1px dashed #ddd;} #container > nav .menu-item>ul a{border-bottom:1px solid #ddd;font-size:16px} #container > nav .menu-item>ul li:last-child a{border-bottom:none} #container > nav .menu-item>ul a:before{content:'\e616';font-family:iconfont;float:left;margin-right:10px} .collapse{max-height:0;overflow:hidden;transition:max-height .5s;display:block} .collapse.show{max-height:100vh} .search-form{ display:flex;align-items:center;justify-content:flex-start;} .search-form .search-input{flex: 1 1 auto;height: 45px;padding-left: 15px;border:1px solid #5a32ff;border-radius: 5px 0 0 5px;} .search-form .search-button{display:flex;align-items:center;justify-content:center;width:75px;height: 45px;border-radius:0 5px 5px 0;border:none;background:#5a32ff;color:#fff;} .search-form .search-button .icon-search{font-size:22px;} .search-form .search-button:hover .icon-search{font-size:25px;} #container > main{padding-top:60px;background:#f6f7f8;display:block;padding-bottom:75px;min-height:100vh;} #container > footer{width:100%;height:60px;overflow:hidden;position:absolute;bottom:0;} #container > footer .container{display:flex;flex-direction:column;padding-top:10px;position: relative;} #container > footer .container::before{content:'';position:absolute;top:0;left:.75rem;width:calc(100% - 1.5rem);height:1px;border-top:1px solid #ddd} #container > footer .policy{display:flex;justify-content:center;line-height:20px;font-size:0.85rem;} #container > footer .policy a{color:#666;margin-right:20px} #container > footer .policy a:last-child{margin-right:0} #container > footer .copyright{text-align:center;color:#666;line-height:25px;font-size:0.85rem;} @media (min-width:992px){ #container > main{padding-bottom:75px;} #container > footer{height:45px;} #container > footer .container{flex-direction:row;justify-content:space-between;} #container > footer .policy{order:2;justify-content:flex-end;font-size:1rem;} #container > footer .copyright{order:1;text-align:left;font-size:1rem;} } #content{width:100%;height: auto;overflow: hidden;padding:var(--ace-gutter);background:#fff;box-shadow:var(--ace-shadow-main);border-radius:10px;margin-right: calc(.5* var(--bs-gutter-x));margin-left: calc(.5* var(--bs-gutter-x));} .breadcrumb{width:100%;height:auto;overflow:hidden;margin:20px 0 20px 0;border:1px solid #ddd;border-radius:5px;background:#fff;padding:2px 10px;} .breadcrumb a{line-height:40px;position:relative;margin:0 10px 0 0;font-size:16px;} .breadcrumb a:after{content:"/";padding-left:10px;} .breadcrumb a:last-child:after{display:none} .breadcrumb a i{font-size:18px;margin-right:8px} @media (min-width:992px){ .breadcrumb{border:0;padding:5px 0;background:none;} .breadcrumb a{display:block;float:left;border:1px solid #ddd;padding-left:40px;padding-right:20px;background:#fff;} .breadcrumb a:after{content:"";position:absolute;border-top:1px solid #ddd;border-right:1px solid #ddd;width:28.28px;height:28.28px;right:-15px;top:5px;z-index:3;transform:rotate(45deg);background:#fff;overflow:hidden} .breadcrumb a:before{content:"";position:absolute;border-top:1px solid #ddd;border-right:1px solid #ddd;width:28.28px;height:28.28px;left:-15px;top:5px;transform:rotate(45deg);background:#f1f2f3} .breadcrumb a:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;padding-left:15px} .breadcrumb a:first-child:before{display:none} .breadcrumb a:last-child:after{display:block;} } .btn > .iconfont{margin-right:10px;} div.required .form-label:before, div.required .col-form-label:before{content:"* ";color:red;font-weight:700} .form-check .form-check-input{margin-top:.25rem} .form-switch-lg{font-size:20px;min-height:30px;line-height:30px} @media (min-width:768px){ .col-form-label{text-align:right} } .display-mobile { display: block;} .display-tablet { display: none;} .display-desktop{ display: none;} @media (min-width: 768px) { .display-mobile { display: block;} .display-tablet { display: block;} .display-desktop{ display: none;} } @media (min-width: 992px) { .display-mobile { display: block;} .display-tablet { display: block;} .display-desktop{ display: none;} } @media (min-width: 1200px) { .display-mobile { display: none;} .display-tablet { display: none;} .display-desktop{ display: block;} } .invalid-feedback { display: none;width: 100%;margin-top: 0.25rem;font-size: 0.875em;color: #dc3545;} .d-block{ display:block;} .text-start { text-align: left !important;} .text-end { text-align: right !important;} .text-center { text-align: center !important;} .form-label { margin-bottom: 0.5rem;} .col-form-label { padding-top: calc(0.375rem + var(--bs-border-width));padding-bottom: calc(0.375rem + var(--bs-border-width));margin-bottom: 0;font-size: inherit;line-height: 1.5;} .col-form-label-lg { padding-top: calc(0.5rem + var(--bs-border-width));padding-bottom: calc(0.5rem + var(--bs-border-width));font-size: 1.25rem;} .col-form-label-sm { padding-top: calc(0.25rem + var(--bs-border-width));padding-bottom: calc(0.25rem + var(--bs-border-width));font-size: 0.875rem;} .form-control { display: block;width: 100%;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);appearance: none;background-color: var(--bs-body-bg);background-clip: padding-box;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .form-control { transition: none;} } .form-control[type=file] { overflow: hidden;} .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer;} .form-control:focus { color: var(--bs-body-color);background-color: var(--bs-body-bg);border-color: rgb(134, 182.5, 254);outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} .form-control::-webkit-date-and-time-value { min-width: 85px;height: 1.5em;margin: 0;} .form-control::-webkit-datetime-edit { display: block;padding: 0;} .form-control::placeholder { color: var(--bs-secondary-color);opacity: 1;} .form-control:disabled { background-color: var(--bs-secondary-bg);opacity: 1;} .form-control::file-selector-button { padding: 0.375rem 0.75rem;margin: -0.375rem -0.75rem;margin-inline-end: 0.75rem;color: var(--bs-body-color);background-color: var(--bs-tertiary-bg);pointer-events: none;border-color: inherit;border-style: solid;border-width: 0;border-inline-end-width: var(--bs-border-width);border-radius: 0;transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .form-control::file-selector-button { transition: none;} } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg);} .form-control-plaintext { display: block;width: 100%;padding: 0.375rem 0;margin-bottom: 0;line-height: 1.5;color: var(--bs-body-color);background-color: transparent;border: solid transparent;border-width: var(--bs-border-width) 0;} .form-control-plaintext:focus { outline: 0;} .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0;padding-left: 0;} .form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));padding: 0.25rem 0.5rem;font-size: 0.875rem;border-radius: var(--bs-border-radius-sm);} .form-control-sm::file-selector-button { padding: 0.25rem 0.5rem;margin: -0.25rem -0.5rem;margin-inline-end: 0.5rem;} .form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding: 0.5rem 1rem;font-size: 1.25rem;border-radius: var(--bs-border-radius-lg);} .form-control-lg::file-selector-button { padding: 0.5rem 1rem;margin: -0.5rem -1rem;margin-inline-end: 1rem;} textarea.form-control { min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));} textarea.form-control-sm { min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));} textarea.form-control-lg { min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));} .form-control-color { width: 3rem;height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));padding: 0.375rem;} .form-control-color:not(:disabled):not([readonly]) { cursor: pointer;} .form-control-color::-moz-color-swatch { border: 0 !important;border-radius: var(--bs-border-radius);} .form-control-color::-webkit-color-swatch { border: 0 !important;border-radius: var(--bs-border-radius);} .form-control-color.form-control-sm { height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));} .form-control-color.form-control-lg { height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));} .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display: block;width: 100%;padding: 0.375rem 2.25rem 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);appearance: none;background-color: var(--bs-body-bg);background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);background-repeat: no-repeat;background-position: right 0.75rem center;background-size: 16px 12px;border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .form-select { transition: none;} } .form-select:focus { border-color: rgb(134, 182.5, 254);outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} .form-select[multiple], .form-select[size]:not([size="1"]) { padding-right: 0.75rem;background-image: none;} .form-select:disabled { background-color: var(--bs-secondary-bg);} .form-select:-moz-focusring { color: transparent;text-shadow: 0 0 0 var(--bs-body-color);} .form-select-sm { padding-top: 0.25rem;padding-bottom: 0.25rem;padding-left: 0.5rem;font-size: 0.875rem;border-radius: var(--bs-border-radius-sm);} .form-select-lg { padding-top: 0.5rem;padding-bottom: 0.5rem;padding-left: 1rem;font-size: 1.25rem;border-radius: var(--bs-border-radius-lg);} [data-bs-theme=dark] .form-select { --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");} .form-check { display: block;min-height: 1.5rem;padding-left: 1.5em;margin-bottom: 0.125rem;} .form-check .form-check-input { float: left;margin-left: -1.5em;} .form-check-reverse { padding-right: 1.5em;padding-left: 0;text-align: right;} .form-check-reverse .form-check-input { float: right;margin-right: -1.5em;margin-left: 0;} .form-check-input { --bs-form-check-bg: var(--bs-body-bg);flex-shrink: 0;width: 1em;height: 1em;margin-top: 0.25em;vertical-align: top;appearance: none;background-color: var(--bs-form-check-bg);background-image: var(--bs-form-check-bg-image);background-repeat: no-repeat;background-position: center;background-size: contain;border: var(--bs-border-width) solid var(--bs-border-color);print-color-adjust: exact;} .form-check-input[type=checkbox] { border-radius: 0.25em;} .form-check-input[type=radio] { border-radius: 50%;} .form-check-input:active { filter: brightness(90%);} .form-check-input:focus { border-color: rgb(134, 182.5, 254);outline: 0;box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);} .form-check-input:checked { background-color: #0d6efd;border-color: #0d6efd;} .form-check-input:checked[type=checkbox] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");} .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");} .form-check-input[type=checkbox]:indeterminate { background-color: #0d6efd;border-color: #0d6efd;--bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");} .form-check-input:disabled { pointer-events: none;filter: none;opacity: 0.5;} .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { cursor: default;opacity: 0.5;} .form-switch { padding-left: 2.5em;} .form-switch .form-check-input { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width: 2em;margin-left: -2.5em;background-image: var(--bs-form-switch-bg);background-position: left center;border-radius: 2em;transition: background-position 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { transition: none;} } .form-switch .form-check-input:focus { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");} .form-switch .form-check-input:checked { background-position: right center;--bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");} .form-switch.form-check-reverse { padding-right: 2.5em;padding-left: 0;} .form-switch.form-check-reverse .form-check-input { margin-right: -2.5em;margin-left: 0;} .form-check-inline { display: inline-block;margin-right: 1rem;} .btn-check { position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;} .btn-check[disabled] + .btn, .btn-check:disabled + .btn { pointer-events: none;filter: none;opacity: 0.65;} [data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");} .input-group { position: relative;display: flex;flex-wrap: wrap;align-items: stretch;width: 100%;} .input-group > .form-control, .input-group > .form-select, .input-group > .form-floating { position: relative;flex: 1 1 auto;width: 1%;min-width: 0;} .input-group > .form-control:focus, .input-group > .form-select:focus, .input-group > .form-floating:focus-within { z-index: 5;} .input-group .btn { position: relative;z-index: 2;} .input-group .btn:focus { z-index: 5;} .input-group-text { display: flex;align-items: center;padding: 0.375rem 0.75rem;font-size: 1rem;font-weight: 400;line-height: 1.5;color: var(--bs-body-color);text-align: center;white-space: nowrap;background-color: var(--bs-tertiary-bg);border: var(--bs-border-width) solid var(--bs-border-color);border-radius: var(--bs-border-radius);} .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem;font-size: 1.25rem;border-radius: var(--bs-border-radius-lg);} .input-group-sm > .form-control, .input-group-sm > .form-select, .input-group-sm > .input-group-text, .input-group-sm > .btn { padding: 0.25rem 0.5rem;font-size: 0.875rem;border-radius: var(--bs-border-radius-sm);} .input-group-lg > .form-select, .input-group-sm > .form-select { padding-right: 3rem;} .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { border-top-right-radius: 0;border-bottom-right-radius: 0;} .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { border-top-right-radius: 0;border-bottom-right-radius: 0;} .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left: calc(-1 * var(--bs-border-width));border-top-left-radius: 0;border-bottom-left-radius: 0;} .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { border-top-left-radius: 0;border-bottom-left-radius: 0;} .valid-feedback { display: none;width: 100%;margin-top: 0.25rem;font-size: 0.875em;color: var(--bs-form-valid-color);} .valid-tooltip { position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: 0.25rem 0.5rem;margin-top: 0.1rem;font-size: 0.875rem;color: #fff;background-color: var(--bs-success);border-radius: var(--bs-border-radius);} .was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-tooltip, .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { display: block;} .was-validated .form-control:valid, .form-control.is-valid { border-color: var(--bs-form-valid-border-color);padding-right: calc(1.5em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(0.375em + 0.1875rem) center;background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);} .was-validated .form-control:valid:focus, .form-control.is-valid:focus { border-color: var(--bs-form-valid-border-color);box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);} .was-validated textarea.form-control:valid, textarea.form-control.is-valid { padding-right: calc(1.5em + 0.75rem);background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);} .was-validated .form-select:valid, .form-select.is-valid { border-color: var(--bs-form-valid-border-color);} .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right: 4.125rem;background-position: right 0.75rem center, center right 2.25rem;background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);} .was-validated .form-select:valid:focus, .form-select.is-valid:focus { border-color: var(--bs-form-valid-border-color);box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);} .was-validated .form-control-color:valid, .form-control-color.is-valid { width: calc(3rem + calc(1.5em + 0.75rem));} .was-validated .form-check-input:valid, .form-check-input.is-valid { border-color: var(--bs-form-valid-border-color);} .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { background-color: var(--bs-form-valid-color);} .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);} .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: var(--bs-form-valid-color);} .form-check-inline .form-check-input ~ .valid-feedback { margin-left: 0.5em;} .was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, .was-validated .input-group > .form-select:not(:focus):valid, .input-group > .form-select:not(:focus).is-valid, .was-validated .input-group > .form-floating:not(:focus-within):valid, .input-group > .form-floating:not(:focus-within).is-valid { z-index: 3;} .invalid-feedback { display: none;width: 100%;margin-top: 0.25rem;font-size: 0.875em;color: var(--bs-form-invalid-color);} .invalid-tooltip { position: absolute;top: 100%;z-index: 5;display: none;max-width: 100%;padding: 0.25rem 0.5rem;margin-top: 0.1rem;font-size: 0.875rem;color: #fff;background-color: var(--bs-danger);border-radius: var(--bs-border-radius);} .was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-tooltip, .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { display: block;} .was-validated .form-control:invalid, .form-control.is-invalid { border-color: var(--bs-form-invalid-border-color);padding-right: calc(1.5em + 0.75rem);background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat: no-repeat;background-position: right calc(0.375em + 0.1875rem) center;background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);} .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { border-color: var(--bs-form-invalid-border-color);box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);} .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { padding-right: calc(1.5em + 0.75rem);background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);} .was-validated .form-select:invalid, .form-select.is-invalid { border-color: var(--bs-form-invalid-border-color);} .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right: 4.125rem;background-position: right 0.75rem center, center right 2.25rem;background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);} .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { border-color: var(--bs-form-invalid-border-color);box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);} .was-validated .form-control-color:invalid, .form-control-color.is-invalid { width: calc(3rem + calc(1.5em + 0.75rem));} .was-validated .form-check-input:invalid, .form-check-input.is-invalid { border-color: var(--bs-form-invalid-border-color);} .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { background-color: var(--bs-form-invalid-color);} .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);} .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: var(--bs-form-invalid-color);} .form-check-inline .form-check-input ~ .invalid-feedback { margin-left: 0.5em;} .was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, .was-validated .input-group > .form-select:not(:focus):invalid, .input-group > .form-select:not(:focus).is-invalid, .was-validated .input-group > .form-floating:not(:focus-within):invalid, .input-group > .form-floating:not(:focus-within).is-invalid { z-index: 4;} .button-submit { width: auto;min-width: 200px;height: 45px;line-height: 45px;font-size: 18px;text-align: center;cursor: pointer;display: flex;align-items: center;justify-content: center;gap: 10px;padding: 0 50px;border: none;border-radius: var(--bs-border-radius);color: #FFF;background: var(--ace-color-button);transition: all 0.3s ease;} .button-submit:hover { background: var(--ace-color-button-hover);} .button-submit .iconfont { margin-right: 10px;font-size: 18px;font-weight: 600;} @media (max-width: 768px) { .button-submit { width: 100%;} } .btn { --bs-btn-padding-x: 0.75rem;--bs-btn-padding-y: 0.375rem;--bs-btn-font-family: ;--bs-btn-font-size: 1rem;--bs-btn-font-weight: 400;--bs-btn-line-height: 1.5;--bs-btn-color: var(--bs-body-color);--bs-btn-bg: transparent;--bs-btn-border-width: var(--bs-border-width);--bs-btn-border-color: transparent;--bs-btn-border-radius: var(--bs-border-radius);--bs-btn-hover-border-color: transparent;--bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity: 0.65;--bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display: inline-block;padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family: var(--bs-btn-font-family);font-size: var(--bs-btn-font-size);font-weight: var(--bs-btn-font-weight);line-height: var(--bs-btn-line-height);color: var(--bs-btn-color);text-align: center;text-decoration: none;vertical-align: middle;cursor: pointer;user-select: none;border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius: var(--bs-btn-border-radius);background-color: var(--bs-btn-bg);transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .btn { transition: none;} } .btn:hover { color: var(--bs-btn-hover-color);background-color: var(--bs-btn-hover-bg);border-color: var(--bs-btn-hover-border-color);} .btn-check + .btn:hover { color: var(--bs-btn-color);background-color: var(--bs-btn-bg);border-color: var(--bs-btn-border-color);} .btn:focus-visible { color: var(--bs-btn-hover-color);background-color: var(--bs-btn-hover-bg);border-color: var(--bs-btn-hover-border-color);outline: 0;box-shadow: var(--bs-btn-focus-box-shadow);} .btn-check:focus-visible + .btn { border-color: var(--bs-btn-hover-border-color);outline: 0;box-shadow: var(--bs-btn-focus-box-shadow);} .btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { color: var(--bs-btn-active-color);background-color: var(--bs-btn-active-bg);border-color: var(--bs-btn-active-border-color);} .btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { box-shadow: var(--bs-btn-focus-box-shadow);} .btn-check:checked:focus-visible + .btn { box-shadow: var(--bs-btn-focus-box-shadow);} .btn:disabled, .btn.disabled, fieldset:disabled .btn { color: var(--bs-btn-disabled-color);pointer-events: none;background-color: var(--bs-btn-disabled-bg);border-color: var(--bs-btn-disabled-border-color);opacity: var(--bs-btn-disabled-opacity);} .btn-primary { --bs-btn-color: #fff;--bs-btn-bg: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);--bs-btn-hover-border-color: rgb(10.4, 88, 202.4);--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(10.4, 88, 202.4);--bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #0d6efd;--bs-btn-disabled-border-color: #0d6efd;} .btn-secondary { --bs-btn-color: #fff;--bs-btn-bg: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);--bs-btn-hover-border-color: rgb(86.4, 93.6, 100);--bs-btn-focus-shadow-rgb: 130, 138, 145;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(86.4, 93.6, 100);--bs-btn-active-border-color: rgb(81, 87.75, 93.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #6c757d;--bs-btn-disabled-border-color: #6c757d;} .btn-success { --bs-btn-color: #fff;--bs-btn-bg: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);--bs-btn-hover-border-color: rgb(20, 108, 67.2);--bs-btn-focus-shadow-rgb: 60, 153, 110;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(20, 108, 67.2);--bs-btn-active-border-color: rgb(18.75, 101.25, 63);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #198754;--bs-btn-disabled-border-color: #198754;} .btn-info { --bs-btn-color: #000;--bs-btn-bg: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);--bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-focus-shadow-rgb: 11, 172, 204;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(61.4, 212.6, 243);--bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #0dcaf0;--bs-btn-disabled-border-color: #0dcaf0;} .btn-warning { --bs-btn-color: #000;--bs-btn-bg: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(255, 202.3, 44.2);--bs-btn-hover-border-color: rgb(255, 199.2, 31.8);--bs-btn-focus-shadow-rgb: 217, 164, 6;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(255, 205.4, 56.6);--bs-btn-active-border-color: rgb(255, 199.2, 31.8);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #ffc107;--bs-btn-disabled-border-color: #ffc107;} .btn-danger { --bs-btn-color: #fff;--bs-btn-bg: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(187, 45.05, 58.65);--bs-btn-hover-border-color: rgb(176, 42.4, 55.2);--bs-btn-focus-shadow-rgb: 225, 83, 97;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(176, 42.4, 55.2);--bs-btn-active-border-color: rgb(165, 39.75, 51.75);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #dc3545;--bs-btn-disabled-border-color: #dc3545;} .btn-light { --bs-btn-color: #000;--bs-btn-bg: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);--bs-btn-hover-border-color: rgb(198.4, 199.2, 200);--bs-btn-focus-shadow-rgb: 211, 212, 213;--bs-btn-active-color: #000;--bs-btn-active-bg: rgb(198.4, 199.2, 200);--bs-btn-active-border-color: rgb(186, 186.75, 187.5);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #000;--bs-btn-disabled-bg: #f8f9fa;--bs-btn-disabled-border-color: #f8f9fa;} .btn-dark { --bs-btn-color: #fff;--bs-btn-bg: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);--bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-focus-shadow-rgb: 66, 70, 73;--bs-btn-active-color: #fff;--bs-btn-active-bg: rgb(77.4, 80.6, 83.8);--bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #212529;--bs-btn-disabled-border-color: #212529;} .btn-outline-primary { --bs-btn-color: #0d6efd;--bs-btn-border-color: #0d6efd;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #0d6efd;--bs-btn-hover-border-color: #0d6efd;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #0d6efd;--bs-btn-active-border-color: #0d6efd;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0d6efd;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0d6efd;--bs-gradient: none;} .btn-outline-secondary { --bs-btn-color: #6c757d;--bs-btn-border-color: #6c757d;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #6c757d;--bs-btn-hover-border-color: #6c757d;--bs-btn-focus-shadow-rgb: 108, 117, 125;--bs-btn-active-color: #fff;--bs-btn-active-bg: #6c757d;--bs-btn-active-border-color: #6c757d;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #6c757d;--bs-gradient: none;} .btn-outline-success { --bs-btn-color: #198754;--bs-btn-border-color: #198754;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #198754;--bs-btn-hover-border-color: #198754;--bs-btn-focus-shadow-rgb: 25, 135, 84;--bs-btn-active-color: #fff;--bs-btn-active-bg: #198754;--bs-btn-active-border-color: #198754;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #198754;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #198754;--bs-gradient: none;} .btn-outline-info { --bs-btn-color: #0dcaf0;--bs-btn-border-color: #0dcaf0;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #0dcaf0;--bs-btn-hover-border-color: #0dcaf0;--bs-btn-focus-shadow-rgb: 13, 202, 240;--bs-btn-active-color: #000;--bs-btn-active-bg: #0dcaf0;--bs-btn-active-border-color: #0dcaf0;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #0dcaf0;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #0dcaf0;--bs-gradient: none;} .btn-outline-warning { --bs-btn-color: #ffc107;--bs-btn-border-color: #ffc107;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #ffc107;--bs-btn-hover-border-color: #ffc107;--bs-btn-focus-shadow-rgb: 255, 193, 7;--bs-btn-active-color: #000;--bs-btn-active-bg: #ffc107;--bs-btn-active-border-color: #ffc107;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #ffc107;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #ffc107;--bs-gradient: none;} .btn-outline-danger { --bs-btn-color: #dc3545;--bs-btn-border-color: #dc3545;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #dc3545;--bs-btn-hover-border-color: #dc3545;--bs-btn-focus-shadow-rgb: 220, 53, 69;--bs-btn-active-color: #fff;--bs-btn-active-bg: #dc3545;--bs-btn-active-border-color: #dc3545;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #dc3545;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #dc3545;--bs-gradient: none;} .btn-outline-light { --bs-btn-color: #f8f9fa;--bs-btn-border-color: #f8f9fa;--bs-btn-hover-color: #000;--bs-btn-hover-bg: #f8f9fa;--bs-btn-hover-border-color: #f8f9fa;--bs-btn-focus-shadow-rgb: 248, 249, 250;--bs-btn-active-color: #000;--bs-btn-active-bg: #f8f9fa;--bs-btn-active-border-color: #f8f9fa;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #f8f9fa;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #f8f9fa;--bs-gradient: none;} .btn-outline-dark { --bs-btn-color: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #212529;--bs-btn-hover-border-color: #212529;--bs-btn-focus-shadow-rgb: 33, 37, 41;--bs-btn-active-color: #fff;--bs-btn-active-bg: #212529;--bs-btn-active-border-color: #212529;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color: #212529;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #212529;--bs-gradient: none;} .btn-link { --bs-btn-font-weight: 400;--bs-btn-color: var(--bs-link-color);--bs-btn-bg: transparent;--bs-btn-border-color: transparent;--bs-btn-hover-color: var(--bs-link-hover-color);--bs-btn-hover-border-color: transparent;--bs-btn-active-color: var(--bs-link-hover-color);--bs-btn-active-border-color: transparent;--bs-btn-disabled-color: #6c757d;--bs-btn-disabled-border-color: transparent;--bs-btn-box-shadow: 0 0 0 #000;--bs-btn-focus-shadow-rgb: 49, 132, 253;text-decoration: underline;} .btn-link:focus-visible { color: var(--bs-btn-color);} .btn-link:hover { color: var(--bs-btn-hover-color);} .btn-lg, .btn-group-lg > .btn { --bs-btn-padding-y: 0.5rem;--bs-btn-padding-x: 1rem;--bs-btn-font-size: 1.25rem;--bs-btn-border-radius: var(--bs-border-radius-lg);} .btn-sm, .btn-group-sm > .btn { --bs-btn-padding-y: 0.25rem;--bs-btn-padding-x: 0.5rem;--bs-btn-font-size: 0.875rem;--bs-btn-border-radius: var(--bs-border-radius-sm);} .table { --bs-table-color-type: initial;--bs-table-bg-type: initial;--bs-table-color-state: initial;--bs-table-bg-state: initial;--bs-table-color: var(--bs-emphasis-color);--bs-table-bg: var(--bs-body-bg);--bs-table-border-color: var(--bs-border-color);--bs-table-accent-bg: transparent;--bs-table-striped-color: var(--bs-emphasis-color);--bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color: var(--bs-emphasis-color);--bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color: var(--bs-emphasis-color);--bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);width: 100%;margin-bottom: 1rem;vertical-align: top;border-color: var(--bs-table-border-color);} .table > :not(caption) > * > * { padding: 0.5rem 0.5rem;color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));background-color: var(--bs-table-bg);border-bottom-width: var(--bs-border-width);box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));} .table > tbody { vertical-align: inherit;} .table > thead { vertical-align: bottom;} .table-group-divider { border-top: calc(var(--bs-border-width) * 2) solid currentcolor;} .caption-top { caption-side: top;} .table-sm > :not(caption) > * > * { padding: 0.25rem 0.25rem;} .table-bordered > :not(caption) > * { border-width: var(--bs-border-width) 0;} .table-bordered > :not(caption) > * > * { border-width: 0 var(--bs-border-width);} .table-borderless > :not(caption) > * > * { border-bottom-width: 0;} .table-borderless > :not(:first-child) { border-top-width: 0;} .table-striped > tbody > tr:nth-of-type(odd) > * { --bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg);} .table-striped-columns > :not(caption) > tr > :nth-child(even) { --bs-table-color-type: var(--bs-table-striped-color);--bs-table-bg-type: var(--bs-table-striped-bg);} .table-active { --bs-table-color-state: var(--bs-table-active-color);--bs-table-bg-state: var(--bs-table-active-bg);} .table-hover > tbody > tr:hover > * { --bs-table-color-state: var(--bs-table-hover-color);--bs-table-bg-state: var(--bs-table-hover-bg);} .table-primary { --bs-table-color: #000;--bs-table-bg: rgb(206.6, 226, 254.6);--bs-table-border-color: rgb(165.28, 180.8, 203.68);--bs-table-striped-bg: rgb(196.27, 214.7, 241.87);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 203.4, 229.14);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 209.05, 235.505);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-secondary { --bs-table-color: #000;--bs-table-bg: rgb(225.6, 227.4, 229);--bs-table-border-color: rgb(180.48, 181.92, 183.2);--bs-table-striped-bg: rgb(214.32, 216.03, 217.55);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(203.04, 204.66, 206.1);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(208.68, 210.345, 211.825);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-success { --bs-table-color: #000;--bs-table-bg: rgb(209, 231, 220.8);--bs-table-border-color: rgb(167.2, 184.8, 176.64);--bs-table-striped-bg: rgb(198.55, 219.45, 209.76);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(188.1, 207.9, 198.72);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(193.325, 213.675, 204.24);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-info { --bs-table-color: #000;--bs-table-bg: rgb(206.6, 244.4, 252);--bs-table-border-color: rgb(165.28, 195.52, 201.6);--bs-table-striped-bg: rgb(196.27, 232.18, 239.4);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(185.94, 219.96, 226.8);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(191.105, 226.07, 233.1);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-warning { --bs-table-color: #000;--bs-table-bg: rgb(255, 242.6, 205.4);--bs-table-border-color: rgb(204, 194.08, 164.32);--bs-table-striped-bg: rgb(242.25, 230.47, 195.13);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(229.5, 218.34, 184.86);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(235.875, 224.405, 189.995);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-danger { --bs-table-color: #000;--bs-table-bg: rgb(248, 214.6, 217.8);--bs-table-border-color: rgb(198.4, 171.68, 174.24);--bs-table-striped-bg: rgb(235.6, 203.87, 206.91);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 193.14, 196.02);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 198.505, 201.465);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-light { --bs-table-color: #000;--bs-table-bg: #f8f9fa;--bs-table-border-color: rgb(198.4, 199.2, 200);--bs-table-striped-bg: rgb(235.6, 236.55, 237.5);--bs-table-striped-color: #000;--bs-table-active-bg: rgb(223.2, 224.1, 225);--bs-table-active-color: #000;--bs-table-hover-bg: rgb(229.4, 230.325, 231.25);--bs-table-hover-color: #000;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-dark { --bs-table-color: #fff;--bs-table-bg: #212529;--bs-table-border-color: rgb(77.4, 80.6, 83.8);--bs-table-striped-bg: rgb(44.1, 47.9, 51.7);--bs-table-striped-color: #fff;--bs-table-active-bg: rgb(55.2, 58.8, 62.4);--bs-table-active-color: #fff;--bs-table-hover-bg: rgb(49.65, 53.35, 57.05);--bs-table-hover-color: #fff;color: var(--bs-table-color);border-color: var(--bs-table-border-color);} .table-responsive { overflow-x: auto;-webkit-overflow-scrolling: touch;} @media (max-width: 575.98px) { .table-responsive-sm { overflow-x: auto;-webkit-overflow-scrolling: touch;} } @media (max-width: 767.98px) { .table-responsive-md { overflow-x: auto;-webkit-overflow-scrolling: touch;} } @media (max-width: 991.98px) { .table-responsive-lg { overflow-x: auto;-webkit-overflow-scrolling: touch;} } @media (max-width: 1199.98px) { .table-responsive-xl { overflow-x: auto;-webkit-overflow-scrolling: touch;} } @media (max-width: 1399.98px) { .table-responsive-xxl { overflow-x: auto;-webkit-overflow-scrolling: touch;} } .pagination { --bs-pagination-padding-x: 0.75rem;--bs-pagination-padding-y: 0.375rem;--bs-pagination-font-size: 1rem;--bs-pagination-color: var(--bs-link-color);--bs-pagination-bg: var(--bs-body-bg);--bs-pagination-border-width: var(--bs-border-width);--bs-pagination-border-color: var(--bs-border-color);--bs-pagination-border-radius: var(--bs-border-radius);--bs-pagination-hover-color: var(--bs-link-hover-color);--bs-pagination-hover-bg: var(--bs-tertiary-bg);--bs-pagination-hover-border-color: var(--bs-border-color);--bs-pagination-focus-color: var(--bs-link-hover-color);--bs-pagination-focus-bg: var(--bs-secondary-bg);--bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color: #fff;--bs-pagination-active-bg: #0d6efd;--bs-pagination-active-border-color: #0d6efd;--bs-pagination-disabled-color: var(--bs-secondary-color);--bs-pagination-disabled-bg: var(--bs-secondary-bg);--bs-pagination-disabled-border-color: var(--bs-border-color);display: flex;padding-left: 0;list-style: none;} .page-link { position: relative;display: block;padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size: var(--bs-pagination-font-size);color: var(--bs-pagination-color);text-decoration: none;background-color: var(--bs-pagination-bg);border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;} @media (prefers-reduced-motion: reduce) { .page-link { transition: none;} } .page-link:hover { z-index: 2;color: var(--bs-pagination-hover-color);background-color: var(--bs-pagination-hover-bg);border-color: var(--bs-pagination-hover-border-color);} .page-link:focus { z-index: 3;color: var(--bs-pagination-focus-color);background-color: var(--bs-pagination-focus-bg);outline: 0;box-shadow: var(--bs-pagination-focus-box-shadow);} .page-link.active, .active > .page-link { z-index: 3;color: var(--bs-pagination-active-color);background-color: var(--bs-pagination-active-bg);border-color: var(--bs-pagination-active-border-color);} .page-link.disabled, .disabled > .page-link { color: var(--bs-pagination-disabled-color);pointer-events: none;background-color: var(--bs-pagination-disabled-bg);border-color: var(--bs-pagination-disabled-border-color);} .page-item:not(:first-child) .page-link { margin-left: calc(-1 * var(--bs-border-width));} .page-item:first-child .page-link { border-top-left-radius: var(--bs-pagination-border-radius);border-bottom-left-radius: var(--bs-pagination-border-radius);} .page-item:last-child .page-link { border-top-right-radius: var(--bs-pagination-border-radius);border-bottom-right-radius: var(--bs-pagination-border-radius);} .pagination-lg { --bs-pagination-padding-x: 1.5rem;--bs-pagination-padding-y: 0.75rem;--bs-pagination-font-size: 1.25rem;--bs-pagination-border-radius: var(--bs-border-radius-lg);} .pagination-sm { --bs-pagination-padding-x: 0.5rem;--bs-pagination-padding-y: 0.25rem;--bs-pagination-font-size: 0.875rem;--bs-pagination-border-radius: var(--bs-border-radius-sm);} .card { --bs-card-spacer-y: 1rem;--bs-card-spacer-x: 1rem;--bs-card-title-spacer-y: 0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width: var(--bs-border-width);--bs-card-border-color: var(--bs-border-color-translucent);--bs-card-border-radius: var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y: 0.5rem;--bs-card-cap-padding-x: 1rem;--bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg: var(--bs-body-bg);--bs-card-img-overlay-padding: 1rem;--bs-card-group-margin: 0.75rem;position: relative;display: flex;flex-direction: column;min-width: 0;height: var(--bs-card-height);color: var(--bs-body-color);word-wrap: break-word;background-color: var(--bs-card-bg);background-clip: border-box;border: var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius: var(--bs-card-border-radius);} .card > hr { margin-right: 0;margin-left: 0;} .card-body { flex: 1 1 auto;padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);color: var(--bs-card-color);} .card-title { margin-bottom: var(--bs-card-title-spacer-y);color: var(--bs-card-title-color);} .card-subtitle { margin-top: calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom: 0;color: var(--bs-card-subtitle-color);} .card-text:last-child { margin-bottom: 0;} .card-link + .card-link { margin-left: var(--bs-card-spacer-x);} .card-header { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom: 0;color: var(--bs-card-cap-color);background-color: var(--bs-card-cap-bg);border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);} .card-header:first-child { border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;} .card-footer { padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color: var(--bs-card-cap-color);background-color: var(--bs-card-cap-bg);border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);} .card-footer:last-child { border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);} .card-header-tabs { margin-right: calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));margin-left: calc(-.5 * var(--bs-card-cap-padding-x));border-bottom: 0;} .card-header-pills { margin-right: calc(-.5 * var(--bs-card-cap-padding-x));margin-left: calc(-.5 * var(--bs-card-cap-padding-x));} .card-img-overlay { position: absolute;top: 0;right: 0;bottom: 0;left: 0;padding: var(--bs-card-img-overlay-padding);border-radius: var(--bs-card-inner-border-radius);} .card-img, .card-img-top, .card-img-bottom { width: 100%;} .card-img, .card-img-top { border-top-left-radius: var(--bs-card-inner-border-radius);border-top-right-radius: var(--bs-card-inner-border-radius);} .card-img, .card-img-bottom { border-bottom-right-radius: var(--bs-card-inner-border-radius);border-bottom-left-radius: var(--bs-card-inner-border-radius);} .card-group > .card { margin-bottom: var(--bs-card-group-margin);} @media (min-width: 576px) { .card-group { display: flex;flex-flow: row wrap;} .card-group > .card { flex: 1 0 0%;margin-bottom: 0;} .card-group > .card + .card { margin-left: 0;border-left: 0;} .card-group > .card:not(:last-child) { border-top-right-radius: 0;border-bottom-right-radius: 0;} .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header { border-top-right-radius: 0;} .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer { border-bottom-right-radius: 0;} .card-group > .card:not(:first-child) { border-top-left-radius: 0;border-bottom-left-radius: 0;} .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header { border-top-left-radius: 0;} .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer { border-bottom-left-radius: 0;} } .alert{margin-bottom:15px;border-radius:.5px;z-index:1111;position:fixed;top:30%;left:50%;width:400px;margin-left:-200px} @media (min-width:992px){ .alert{width:600px;margin-left:-300px} } .alert .dismissible{display:flex;align-items:center;padding:1rem;overflow:hidden;margin-bottom:1.5rem;transition:opacity 1.5s;opacity:1;border-radius:3px;position:relative;} .alert .dismissible .message-icon{margin-right:.5rem;} .alert .dismissible .message-body{} .alert .fade-out{opacity:0} .alert .link{font-weight:700;color:inherit} .alert .theme-primary{color:#052c65;background-color:#cfe2ff;border-color:#9ec5fe;box-shadow:0 0 0 8px rgba(13,110,253,.1)} .alert .theme-secondary{color:#2b2f32;background-color:#e2e3e5;border-color:#c4c8cb;box-shadow:0 0 0 8px rgba(108,117,125,.1)} .alert .theme-success{color:#0a3622;background-color:#d1e7dd;border-color:#a3cfbb;box-shadow:0 0 0 8px rgba(25,135,84,.1);} .alert .theme-info{color:#055160;background-color:#cff4fc;border-color:#9eeaf9;box-shadow:0 0 0 8px rgba(13,202,240,.1)} .alert .theme-warning{color:#664d03;background-color:#fff3cd;border-color:#ffe69c;box-shadow:0 0 0 8px rgba(255,193,7,.1)} .alert .theme-danger{color:#58151c;background-color:#f8d7da;border-color:#f1aeb5;box-shadow:0 0 0 8px rgba(220,53,69,.1);} .alert .theme-light{color:#495057;background-color:#fcfcfd;border-color:#e9ecef;box-shadow:0 0 0 8px rgba(248,249,250,.1)} .alert .theme-dark{color:#495057;background-color:#ced4da;border-color:#adb5bd;box-shadow:0 0 0 8px rgba(33,37,41,.1)} .alert .iconfont{font-size:22px;} .alert .icon-success:before {content: "\e6f3";} .alert .icon-danger:before {content: "\e60c";} .alert .icon-warning:before {content: "\e60b";} .alert .icon-primary, .alert .icon-secondary, .alert .icon-light, .alert .icon-dark, .alert .icon-info:before {content: "\e625";} #container > header .nav-list{display:none;} .lead { font-size: 1.015625rem;font-weight: 300;} .tab-panel{width:100%;height:auto;overflow:auto;display:flex;flex-wrap:wrap;gap:0 15px} .tab-panel a,.tab-panel span{padding:7px 20px;border:1px solid #ddd;background:#fff;border-radius:5px;display:inline-block;flex:1 1 auto;margin-bottom:15px} .tab-panel a{color:#333} .tab-panel .iconfont{margin-right:10px} .tab-panel .active{background:var(--ace-color-main);color:#fff;border:1px solid var(--ace-color-main)} .tab-content{border-radius:5px;background:#fff;padding:20px;border:1px solid #ddd} .form-submit{width:100%;display: flex;align-items:center;justify-content:space-between;} .form-submit a,.form-submit button{width:calc(50% - 7.5px)} .avatar-modify{ width:106px;height:106px;border:1px solid #ddd;border-radius:3px;padding:3px;position: relative;display: flex;justify-content: center;align-items: center;} .avatar-modify img{ width:100px;height:100px;border-radius:3px;} .avatar-modify button{ position: absolute;bottom: 3px;right: 3px;background-color: rgba(0, 0, 0, 0.3);border: none;color: white;padding: 0 5px;border-radius: 3px 0 0 0;cursor: pointer;outline: none;} .avatar-modify:hover button{background-color: rgba(0, 0, 0, 0.5);} .mb-3{margin-bottom:1rem;} .captcha{position:relative;} .form-control{min-height:40px} #image-captcha{border-radius:0 5px 5px 0;padding:0;width:150px;height:38px;cursor:pointer;position:absolute;top:1px;right:1px;border-left:1px solid #eee}