body, html, p {margin: 0;padding: 0;}* {box-sizing: border-box;}html, body {height: 100%;width: 100%;}body {color: #444;text-align: center;font: 400 16px/1.7 "Microsoft JhengHei", sans-serif;background: url("/static/img/bg.jpg") fixed center;background-size: cover;}canvas {display: block;position: fixed;top: 0;left: 0;z-index: -2;}.wp {width: 90%;height: 100%;max-width: 1050px;margin: auto;text-align: left;line-height: 25px }a {text-decoration: none;color: rgba(0, 0, 0, 0.8);}.center {width: 100%;text-align: center;}.admin .center {margin-bottom: 110px;}.brand a {font-size: 28px;font-weight: 800;color: #fff !important;letter-spacing: 10px;text-align: center;outline: none;--c: lightseagreen;text-shadow: 0 0 10px var(--c), 0 0 20px var(--c), 0 0 40px var(--c), 0 0 80px var(--c), 0 0 160px var(--c);animation: animate 5s linear infinite;}.brand {-webkit-box-reflect: below -5px linear-gradient(transparent, rgba(0, 0, 0, 0.2));margin-top: 30px;margin-bottom: 25px;}@keyframes animate {to {filter: hue-rotate(360deg);}}.box {display: flex;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}.box .e {flex: 0 0 25%;}.modal-content .box {justify-content: center;}.card {border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.5rem;margin: 8px 8px;background-color: rgba(249, 250, 251, 0.75);transition: 0.5s;height: 100px;}.admin .domain_e .card {background-color: rgba(249, 250, 251, 0.8);}.admin .modal-body .card, .link_hover .card {background-color: rgba(249, 250, 251, 0.9);}.index .card:hover {background-color: white;box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}.index .card:hover .domain {font-size: 22px;font-weight: 800;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200%;animation: backgroundSizeAnimation 2s ease-in-out infinite;background-image: linear-gradient(120deg, #bd34fe, #41d1ff 30%, #e0321b 60%);}@keyframes backgroundSizeAnimation {0% {background-position: 100%;}25% {background-position: 50%;}50% {background-position: 0;}75% {background-position: 50%;}100% {background-position: 100%;}}.card .row {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 10px;}.card .admin_row {display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 5px 0 0;}.admin .row {margin: 5px 10px 5px 10px;}.card p {font-size: 15px;color: dimgray;display: flex;justify-content: space-between;margin: 3px 15px 0 15px;}.card .admin_p, .admin .p {margin: 5px 5px 0 5px;color: dimgray;display: flex;justify-content: space-between;}.card h5 {margin: 0;color: black;transition: 0.5s;padding: 5px;font-size: 19px;max-width: 300px;cursor: pointer;}.domain_e .card h5 {width: 71%;}.admin_row h5 {padding: 4px;}.card .price {text-align: right;padding: 5px;}.hr {border-bottom: 1px solid;width: 200px;line-height: 35px;margin: 2px 0 10px;font-weight: 400;font-size: 20px }.title {font-size: 17px;font-style: oblique;font-weight: bold;text-align: center;margin-top: 20px;}.modal_title {font-size: 20px;font-weight: bold;text-align: center;border-radius: 10px;padding: 10px;}.bottom {color: whitesmoke;background-color: rgba(0, 0, 0, 0.5);padding: 0 10px 3px 15px;border-radius: 15px;margin-top: 40px }.nav_btn {padding: 4px;font-weight: bold;border-radius: 0.5rem;background-color: rgba(0, 0, 0, 0.3);cursor: pointer;transition: 0.8s;position: relative;overflow: hidden;border-style: solid;border-color: transparent;margin-bottom: 10px;}.nav_btn::before {content: "";position: absolute;left: 0;width: 100%;height: 0;z-index: -1;transition: 0.8s;}.nav_btn1::before {top: 0;border-radius: 0 0 50% 50%;background: orange;}.nav_btn2::before {bottom: 0;border-radius: 50% 50% 0 0;background: cyan;}.nav_btn:hover::before {height: 180%;}.admin_enter, .admin_domain, .admin_price, .admin_ps, .modal_name, .modal_ps, .modal_link, .admin_link, .admin_principal {background-color: transparent;border-radius: 5px;border-color: lightslategrey;border-style: solid;padding-left: 3px;}.admin_principal {position: relative;z-index: 1;top: -21px;}.admin_link {position: relative;z-index: 2;background-color: aliceblue;}.admin_domain {width: 100%;height: 31px;}.admin_price {width: 28%;margin-top: 4px;margin-bottom: 4px;}.admin_ps {width: 75%;}.modal_name {width: 100px;}.modal_ps {width: 100px;}.modal_link {width: 200px;}.add_btn {justify-content: center;text-align: center;color: paleturquoise;font-size: 60px;transition: 0.1s;}.add_class {justify-content: center;text-align: center;height: 40px;color: pink;font-size: 15px;transition: 0.1s;margin-top: 30px;}.delBtn {display: flex;align-self: center;color: #8aabda;cursor: pointer;}.delBtn:hover {color: orangered;}.soldBtn {display: flex;align-self: center;color: #8aabda;cursor: pointer;}.soldBtn:hover {color: #0083ff;}.offerBtn {display: flex;align-self: center;color: rgba(97, 97, 98, 0.51);cursor: pointer;}.offerBtn:hover {color: deepskyblue;font-size: 25px;}#offer_domain {color: white;text-align: center;font-size: 35px;margin-top: 40px;}.offer_lable {color: white;text-align: center;margin-bottom: 28px;font-size: 18px;}.offer_input {border-radius: 5px;border: none;background: none;border-bottom: #FFFFFF 2px solid;padding: 5px 10px;outline: none;color: #FFFFFF;width: 220px;}.offer_text {height: 500px;margin-left: 50px;margin-right: 50px;padding: 5px;background-color: #d5d5d5;}#offer_tip {color: orangered;text-align: center;}.offerSubmitLabel {display: flex;justify-content: center;align-items: center;height: 100%;}#offerSubmit {position: relative;color: #fff;background: linear-gradient(to right, rgba(3, 169, 244, 0.5), rgba(244, 65, 165, 0.5), rgba(255, 235, 59, 0.5), rgba(9, 168, 244, 0.5));background-size: 400%;border-radius: 30px;z-index: 1;border: none;height: 50px;width: 200px;}#offerSubmit::before {content: "";position: absolute;top: -5px;left: -5px;bottom: -5px;right: -5px;background: linear-gradient(to right, #03a9f4, #f441a5, #ffeb3b, #09a8f4);background-size: 400%;border-radius: 50px;z-index: -1;filter: blur(20px);}#offerSubmit:hover {animation: streamer 8s infinite;}#offerSubmit:hover::before {animation: streamer 8s infinite;}@keyframes streamer {100% {background-position: -400% 0;}}.link_hover {cursor: pointer;border-radius: 15px;}.link_hover:hover {color: #FE4B7B;background-color: pink;}.title_edit {color: #c0d9ff;font-weight: bold;display: flex;justify-content: center;}.title_class, .title_color {background-color: #21497a;border-radius: 6px;font-weight: bold;border: none;}.delClassBtn {align-self: center;cursor: pointer;color: #ed969e;}.delClassBtn:hover {color: orangered;}@media (max-width: 914px) {.box .e {flex: 0 0 100% }.pc_chat {display: none;}.nav {display: flex;justify-content: space-between;}.login-box {height: 70vh;margin-top: 5vh;}.sale-box, .detail-box {height: 80vh;margin-top: 2vh;}.title_class {width: 45vw;margin-right: 3vw;}.title_color {width: 30vw;}.delClassBtn {margin-left: 10px;width: 15vw;}.admin_link {width: 75%;}.admin_principal {width: 25%;}.link_row .fa-link {margin-right: 6%;}.sold_input {padding-left: 2px !important;}#SoldDomainModal td {padding-left: 1px !important;padding-right: 1px !important;}}@media (min-width: 913px) {.mobile_chat {display: none;}.nav_btn1, .nav_btn2 {margin: 0 12px 0 12px;font-size: 15px;}.login-box {height: 80vh;}.sale-box, .detail-box {height: 90vh;margin-top: -3vh;}.soldModal .card .price {flex: 0 0 45%;text-align: right;}.title_class {width: 220px;margin: 0 15px 0 5px;}.title_color {width: 100px;margin: 0 15px 0 5px;}.delClassBtn {margin-right: 10px;}.admin_link {width: 85%;}.admin_principal {width: 40%;}}.login-box {background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;overflow-y: scroll;}.sale-box {background-color: rgba(0, 0, 0, 0.7);border-radius: 5px;}.admin-box {background-color: rgba(0, 0, 0, 0.9);border-radius: 10px;color: whitesmoke;}.admin_enter {color: whitesmoke;}.soldModal .box .e {flex: 0 0 95% }::-webkit-scrollbar {width: 6px;height: 6px;}::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);-webkit-border-radius: 6px;border-radius: 6px;background-color: lightsteelblue;}::-webkit-scrollbar-thumb {-webkit-border-radius: 6px;border-radius: 6px;background: dimgrey;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);}::-webkit-scrollbar-thumb:window-inactive {background: dimgrey;}::-webkit-scrollbar-thumb:hover {background-color: dimgrey;}.modal-open {overflow-y: scroll;}body {padding-right: 6px !important;}.config_tag {text-align: center;}.sold_input, .config_input {width: 100%;background-color: transparent;border-radius: 6px;color: whitesmoke;border-color: rgba(0, 0, 0, 1);}#SoldDomainModal td {padding-left: 5px;padding-right: 5px;}.close_tip {text-align: center;color: #aaaaaa;margin-top: 5px;}.link_row {display: flex;flex-wrap: wrap;justify-content: space-between;height: 20px;margin: 1px 5px 0 5px;}.admin_link, .admin_principal {height: 100%;font-size: 13px;font-weight: lighter;}.form-inline a {color: white;text-decoration: none;}.fa-link {margin-top: 5px;}.admin_domain::placeholder, .admin_price::placeholder, .admin_link::placeholder, .admin_ps::placeholder, .admin_principal::placeholder {color: darkgray;}.table-sale {color: white;margin-bottom: 0;}#sold_add {width: 8%;cursor: pointer;font-size: 25px;}#sold_add:hover {color: #04a4e7;}.table-sale td {padding: 3px 0 3px 0;}.modal-body {padding: 0;overflow-x: hidden;}.sale-box table th {padding: 5px;}.modal-header {border: none;}.login-box .modal-header {display: flex;justify-content: center;padding: 0;}.card-margin5 card, .card-margin5 card {margin-top: 5px;margin-bottom: 5px;}.card-margin5 p, .card-margin5 p {margin-top: 5px;margin-bottom: 5px;}#SoldDomainModal .table-sale .e {text-align: center;}#SoldDomainModal .sale td {padding: 0;font-size: 13px;vertical-align: middle;border: none;color: rgba(255, 255, 255, 0.6);}.form_datetime {text-align: center;}.echarts-box {z-index: 1;width: 350px;height: 350px;margin-top: 10px;margin-bottom: -10px;}.btn-close {--bs-btn-close-color: #000;--bs-btn-close-bg: 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");--bs-btn-close-opacity: 0.5;--bs-btn-close-hover-opacity: 0.75;--bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: 0.25;--bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);box-sizing: content-box;width: 1em;height: 1em;padding: .25em .25em;color: var(--bs-btn-close-color);background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;border: 0;border-radius: .375rem;opacity: var(--bs-btn-close-opacity);position: absolute;top: 5px;right: 5px;z-index: 2;}