:root { --font-size-1: clamp(12px, 1.2vw, 12px);--font-size-2: clamp(13px, 1.4vw, 14px);--font-size-3: clamp(15px, 1.6vw, 16px);--font-size-4: clamp(16px, 1.8vw, 18px);--font-size-5: clamp(18px, 2.0vw, 20px);--font-size-6: clamp(20px, 2.2vw, 22px);--font-size-7: clamp(22px, 2.6vw, 26px);--font-size-8: clamp(24px, 3.0vw, 30px);--font-size-9: clamp(28px, 3.6vw, 36px);--gap: clamp(10px, calc(10px + 1.27vw), 15px);} @media (min-width: 768px) { :root { --gap: clamp(15px, calc(15px + 3.47vw), 30px);} } :root { --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-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: #333333;--bs-body-color-rgb: 33, 37, 41;--bs-body-bg: #fff;--bs-body-text-align: left;--bs-emphasis-color: #000;--bs-emphasis-color-rgb: 0, 0, 0;--bs-secondary-color: rgba(33, 37, 41, 0.75);--bs-secondary-bg: #e9ecef;--bs-tertiary-bg: #f8f9fa;--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-success: #198754;--bs-success-rgb: 25, 135, 84;--bs-danger: #dc3545;--bs-danger-rgb: 220, 53, 69;--bs-code-color: #d63384;--bs-border-width: 1px;--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-xxl: 2rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);} *,::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:#212529;background-color:#fff3cd} 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),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{appearance: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]{appearance:textfield;-webkit-appearance:textfield;outline-offset:-2px} ::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-color-swatch-wrapper{padding:0} ::-webkit-file-upload-button{font:inherit;appearance:button;-webkit-appearance:button} ::file-selector-button{font:inherit;appearance:button;-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 { width: 100%;padding-right: var(--gap);padding-left: var(--gap);margin-right: auto;margin-left: auto;} @media (min-width: 576px) { .container { max-width: 540px;} .col-sm { flex: 1 0 0;} .col-sm-auto { flex: 0 0 auto;width: auto;} .col-sm-1 { flex: 0 0 auto;width: 8.33333333%;} .col-sm-2 { flex: 0 0 auto;width: 16.66666667%;} .col-sm-3 { flex: 0 0 auto;width: 25%;} .col-sm-4 { flex: 0 0 auto;width: 33.33333333%;} .col-sm-5 { flex: 0 0 auto;width: 41.66666667%;} .col-sm-6 { flex: 0 0 auto;width: 50%;} .col-sm-7 { flex: 0 0 auto;width: 58.33333333%;} .col-sm-8 { flex: 0 0 auto;width: 66.66666667%;} .col-sm-9 { flex: 0 0 auto;width: 75%;} .col-sm-10 { flex: 0 0 auto;width: 83.33333333%;} .col-sm-11 { flex: 0 0 auto;width: 91.66666667%;} .col-sm-12 { flex: 0 0 auto;width: 100%;} } @media (min-width: 768px) { .container { max-width: 750px;} } @media (min-width: 992px) { .container { max-width: 960px;} } @media (min-width: 1200px) { .container { max-width: 1140px;} } @media (min-width: 1400px) { .container { max-width: 1320px;} } .row { display: flex;flex-wrap: wrap;margin-top: 0;margin-right: var(--gap);margin-left: var(--gap);} .row > * { box-sizing: border-box;flex-shrink: 0;width: 100%;max-width: 100%;padding-right: var(--gap);padding-left: var(--gap);margin-top: 0;} .col { flex: 1 0 0;} .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%;} @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-favorite:before { content: "\e624";} .icon-favorited:before { content: "\ecad";} .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-reading:before { content: "\e600";} .icon-tarot-meaning:before { content: "\e60a";} .icon-tarot-case:before { content: "\e730";} .icon-tarot-spread:before { content: "\e792";} .icon-tarot-reader:before { content: "\e7d7";} .icon-story:before { content: "\e608";} .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-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";} #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(../upload/theme/texture.png),radial-gradient(150% 100% at 50% 30%,#6132b8 0,#131673 100%);background-image:url(../upload/theme/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 .menu-list{width:100%;height:auto;padding:0} #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;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} #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} #container > nav .collapse{max-height:0;overflow:hidden;transition:max-height .5s;display:block} #container > nav .collapse.show{max-height:60vh;overflow-y:auto} #container > nav .quick-search{width:100%;height:auto;padding-bottom:1rem;display:flex;align-items:center;justify-content:flex-start;} #container > nav .quick-search .search-input{flex:1 1 auto;height:45px;padding-left:15px;border:1px solid #5a32ff;border-radius:5px 0 0 5px;} #container > nav .quick-search .search-button{display:flex;align-items:center;justify-content:center;min-width:60px;height:45px;border-radius:0 5px 5px 0;border:none;background:#5a32ff;color:#fff;font-size:18px;} #container > nav .quick-search .search-button .icon-search{font-size:22px;} #container > nav .quick-search .search-button:hover .icon-search{font-size:25px;} #container > nav.offcanvas{position:fixed;top:0;right:0;width:400px;max-width:90vw;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} #container > nav.offcanvas.show{transform:none;visibility:visible;transition:transform .5s} #container > nav.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)} #container > nav.offcanvas .offcanvas-head .icon-close{font-size:20px;margin-left:auto;transition:transform .2s} #container > nav.offcanvas .offcanvas-head .icon-close:hover{color:#f00;} #container > nav.offcanvas .offcanvas-head .offcanvas-title{font-size:20px;color:#5033bb;display:flex;align-items:center} #container > nav.offcanvas .offcanvas-head .offcanvas-title .iconfont{font-size:22px;margin-right:10px} #container > nav.offcanvas .offcanvas-body{flex:1 1 auto;padding:1.25rem;overflow-y:auto;display:flex;flex-direction:column;align-items:stretch} .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} .btn-close{background:transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;border:0;border-radius:.375rem;opacity:.5;width:1.5em;height:1.5em;cursor:pointer} .btn-close:hover{opacity:.75} #container{width:100%;min-height:100vh;position:relative;} #container > main{padding-top:60px;background:#f6f7f8;display:block;padding-bottom:75px;min-height:100vh;} #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} } .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;} #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:10px} #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 > 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;} }