:root { /* new set */ --color-white: #ffffff; --color-black: #000000; --color-light-gray: #c9c9c9; --color-dark-desaturated-blue: #233d4c; --color-dark-moderate-blue: #325d76; --color-mostly-black-blue: #181d25; --color-mostly-black-blue-secondary: #0e1a23; --color-lime-green: #00e965; --color-lime-green-start: #00e965; --color-lime-green-end: #02c356; --color-lime-green-shadow: #21fa73e6; --color-transparent-end: transparent; /*--- root setting ---*/ --foreground-rgb: 0, 0, 0; --background: #F0EBFF; --bg-catergory: #ffffff; --footer-background: var(--color-mostly-black-blue-secondary); --primary-background: hsl(255, 84%, 68%); --secondary-background: #65E9DC; --secondary-background-02: #00bcaa; --secondary-background-03: #86fff3; --background-start: #B18EFE; --background-end: #704DED; --background-header-start: #FFFFFF; --background-header-end: #EAECFD; --primary-color: #8a68f2; --secondary-color: #65e9dc; --disables-color: #F3EFF9; --text-primary-color: #8A68F2; --text-secondary-color: var(--color-white); --text-tertiary-color: #ffffff; --text-quaternary-color: var(--color-light-gray); --text-secondary-gray-color: rgba(var(--text-secondary-color), 0.5); --text-primary-gray-color: rgba(var(--text-primary-color), 0.5); --text-disable: #c4c4c4; --text-re: #333333; --text-error: #FF0000; --text-ok: #704DED; --text-success: #21C11E; --text-warning: #F4CF44; --text-numberre: #219f1f; --btn-claim: #1aca00; --shadow: 0 0 10px 0 rgb(from var(--color-black) r g b / 30%); --border-color: #C4B3F8; --bg-announcing: rgb(from var(--color-black) r g b / 25%); --bg-menu-promotion: linear-gradient(17.66deg, #146cea00 21.4%, rgb(255 55 215 / 60%) 103.61%); --bg-menu-tournament: linear-gradient(17.66deg, rgba(206, 156, 195, 0) 21.4%, #5c13f1 103.61%); /*--- Tournament ---*/ --bg-countdown: #94ddf4; --bg-countdown-02: #8684ff; --Main-Size: 1rem; --Primary-1: #4221AE; --Primary-2: #8260F2; --Primary-3: #fff; --Secondary-1: #1AC5F6; --Secondary-2: #ebfdff; --Secondary-3: #FE58A0; --rainbow-1: linear-gradient(90deg, #b4a0f7, #91e8ff); } body { color: var(--color-light-gray); background: var(--color-mostly-black-blue); } .header_btn_primary__todf_ { box-shadow: 0 0 10px 0 var(--color-mostly-black-blue) !important; border: 1.5px solid var(--color-dark-moderate-blue); } .header_btn_secondary__n_yPR { background: linear-gradient(to top, var(--color-lime-green-start), var(--color-lime-green-start)); box-shadow: 0 1px 10px 0 var(--color-lime-green-shadow) !important; } .header_btn_primary__todf_:after, .header_btn_secondary__n_yPR:after { background: var(--color-transparent) !important; } #searchinput { border: 1px solid var(--color-dark-desaturated-blue); } #searchinput:focus-within { border: 1px solid var(--color-lime-green); box-shadow: 0px 0px 8px var(--color-lime-green); } #searchinput:focus-within, #searchinput button { background-color: var(--color-mostly-black-blue-secondary); } .search-result .search-resultbox:hover { background-color: rgb(from var(--color-black) r g b / 75%) !important; } .search-result { background-color: var(--color-mostly-black-blue-secondary); box-shadow: 0 0 10px 0 rgb(from var(--color-lime-green) r g b / 50%); } .search-result .search-resultbox:hover img, .cardgame a:hover { box-shadow: rgb(from var(--color-lime-green) r g b / 50%) 0px 0px 6px; }
ยินดีต้อนรับ
NEW MEMBER รอข้อมูล...
เลื่อนระดับเพื่อสิทธิพิเศษ ดูรายละเอียด >
เงินคงเหลือ
฿0.00
กำลังเชื่อมต่อ...
ไม่มีการเชื่อมต่ออินเตอร์เน็ต refresh
Promotion Promotion close Simple Popup Simple Popup Close Simple Popup Simple Popup Game Popup Game Popup Button Text Button Text 1 2 Button Text Button Text Button Text