/images/2025/08/31/bg-webakong.jpeg) center center no-repeat; background-size: cover; background-attachment: fixed; margin: 0; display: block } label { font-family: Raleway, sans-serif; font-size: 11pt } #forgot-pass { color: #2dbd6e; font-family: Raleway, sans-serif; font-size: 10pt; margin-top: 3px; text-align: right } #card { margin: -35px; margin-top: 10px; width: 100%; margin-left: 0 } #card-content { padding: 0 5px } #card-title { font-family: "Raleway Thin", sans-serif; letter-spacing: 4px; padding-bottom: 23px; padding-top: 15px; text-align: center; color: #fff } #signup { color: #2dbd6e; font-family: Raleway, sans-serif; font-size: 10pt; margin-top: 16px; text-align: center } #submit-btn { background: -webkit-linear-gradient(right, #a6f77b, #2dbd6e); border: none; border-radius: 21px; box-shadow: 0 1px 8px #24c64f; cursor: pointer; color: #fff; font-family: "Raleway SemiBold", sans-serif; height: 42.3px; margin: 0 auto; margin-top: 50px; transition: .25s; width: 153px } #submit-btn:hover { box-shadow: 0 1px 18px #24c64f } .form { align-items: left; display: flex; flex-direction: column } .form-border { background: -webkit-linear-gradient(right, #a6f77b, #2ec06f); height: 1px; width: 100% } .form-content { background: #fbfbfb; border: none; outline: 0; padding-top: 14px } .underline-title { background: -webkit-linear-gradient(right, #fff, #fff); height: 2px; margin: -1.1rem auto 0 auto; width: 100% } .contactField.contactOption, .contactField.requiredField { height: 35px; margin-bottom: 0; border-radius: 15px; border: 3px outset; border-color: #00e146; text-align: center; margin-left: -5px; width: 100% } .form-group { clear: both; margin-bottom: 10px } .buttonjoin { width: 100% } .buttonWrap.button-green { padding: 10px 26px; display: block; line-height: 22px; border-width: 0; font-weight: 700; font-size: 18px; text-align: center; text-shadow: 2px 1px 9px rgb(0 0 0 / 70%); margin-bottom: 12px; background: linear-gradient(to bottom, #004380 0, #004380 100%); box-shadow: 0 0 2px #004380; border: 1px solid #004380; color: #fff; text-transform: uppercase; border-radius: 17px } .buttonWrap.button-red { padding: 10px 26px; display: block; line-height: 22px; box-shadow: inset 0 -2px 0 #b22222; border: 1px solid #b22222; color: #fff; border-width: 0; border-radius: 20px; font-weight: 700; font-size: 18px; text-align: center; text-shadow: 2px 1px 9px rgb(0 0 0 / 70%); margin-bottom: 12px; background: linear-gradient(to bottom, #b22222 0, #b22222 100%) } .underline { text-decoration: underline } .right { text-align: right } .left { float: left } .right { float: right } .note { font-size: 14px; color: #fff; margin-bottom: 20px; font-weight: 700 } .center { text-align: center; margin-bottom: 10px } .center-bank { text-align: center; color: #fff; font-weight: 700; margin-left: -5px } .showp { color: #fff; display: flex; float: right } .bank { display: inline-block; background-color: #fff; padding: 3px 10px 5px 10px; width: 45%; margin: 5px 0 0 0; text-align: left; border-radius: 6px } .bank { border-radius: 10px; padding: 0; height: 32px; width: 45%; margin-left: 7px; border: groove 3px; display: inline-block; vertical-align: middle } .bank img:first-child { width: 65px; display: inline-block; vertical-align: middle; margin-left: auto; margin-right: 2px; margin-top: 6px; margin-bottom: auto } .bank img:last-child { width: 70px; display: inline-block; vertical-align: middle; margin-left: auto; margin-right: auto; margin-top: 4px } .margintop { margin-top: -20px } .nav { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center } .logo { text-align: center; margin-left: 10px; margin-top: 10px } .livechat { align-self: center } .buttonlc { position: absolute; top: 18px; right: 10px; width: 70px; font-size: 10px } .slc { top: 85px } .space { right: 54px; margin-top: -73px } .buttonWrap.buttonlc2.button-orange { background-image: linear-gradient(to bottom, gold 0, gold 100%); color: #000; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: 700; text-transform: uppercase; font-size: 12px; box-shadow: inset 0 -2px 0 #000; border: 3px groove #ff0; animation: change-color .5s ease 0s infinite normal; border-radius: 0 18px 0 18px; text-align: center; text-transform: uppercase; padding: 15px 22px } .page-header { width: 100%; z-index: 999999; border-bottom: 1px solid gold; top: 0 } .shead { height: 75px } .buttonlc2 { text-align: center; width: 100%; height: 15px; color: #fff; padding: 10px 0 10px 0; display: inline-block; margin-bottom: 10px; font-family: aller; font-size: 14px; line-height: 12px; box-shadow: inset 0 -4px 0 rgb(144 92 0) } .main { background-color: #000 } footer#footer { width: 1170px; margin: auto } @-webkit-keyframes change-color { 0% { color: #000 } 50% { color: #fff } 100% { color: #000 } } @keyframes change-color { 0% { color: #fff } 50% { color: #fff } 100% { color: #000 } } .buttonWrap.buttondapk.button-reds.contactSubmitButton { padding: 10px 26px; line-height: 22px; box-shadow: inset 0 0 0 1px #daa520, inset 0 2px 0 0 #daa520, inset 0 4px 4px 2px #b8860b, 3px 3px 3px 1px rgb(0 0 0 / 20%); background-image: linear-gradient(to bottom, #b8860b 0, #b8860b 50%, gold 95%); border: 1px solid #ad0000; color: #fff; border-width: 0; border-radius: 20px; font-weight: 700; font-size: 18px; text-align: center; text-shadow: 2px 1px 9px rgb(0 0 0 / 70%); margin-bottom: 10px } .buttonWrap.button-biru2 { padding: 10px 26px; line-height: 22px; box-shadow: inset 0 0 0 1px #001d48, inset 0 2px 0 0 #001d48, inset 0 4px 4px 2px #004a97, 3px 3px 3px 1px rgb(0 0 0 / 20%); background-image: linear-gradient(to bottom, #00264c 0, #0042b7 50%, #007eff 100%); border: 1px solid gold; color: #fff; border-width: 0; border-radius: 20px; font-weight: 700; font-size: 18px; text-align: center; text-shadow: 2px 1px 9px rgb(0 0 0 / 70%); margin-bottom: 10px; height: 23px } .buttonWrap.buttondapk.button-reds.contactSubmitButton { padding: 10px 26px; min-width: 43%; line-height: 25px; box-shadow: inset 0 0 0 2px #fff, inset 0 2px 0 0 #7d7d7d, inset 0 4px 4px 2px #7d7d7d, 3px 3px 3px 1px rgb(0 0 0 / 20%); background-image: linear-gradient(to bottom, #ccc 0, #f9f9f9 50%, #e6e6e6 100%); border: 0 solid #000; color: #000; border-radius: 20px; font-weight: 700; font-size: 18px; text-align: center; height: 23px; margin-bottom: 10px } .contactSubmitButton { display: block; margin-right: 0 } .buttondapk { text-align: center; margin-bottom: 10px; font-family: aller; font-size: 17px } .btn-anim { transition: all .5s; position: relative; overflow: hidden } #more { display: none } .footer { font-size: 12px; color: #868686 } .center-text { color: #fff; text-align: center } .btn-primary { color: #fff; background-color: #b9882a; border: 3px #fad842 groove; border-radius: 0 23px 0 23px } .btn { display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400 } .keluaran { width: 99%; box-shadow: inset 0 0 0 0 #000, inset 0 50px 0 0 #f3f3f3, inset 0 0 0 3px #f3f3f3, 2px 2px 2px 1px rgb(35 35 35); background-image: #000; border-radius: 27px; border: groove } .keluaran th { color: #000; border-bottom: 2px solid #fff; font-size: large } .list-menu-mobile { width: 100% } .list-menu-mobile a { width: 17%; padding: 0 3px; display: inline-block } .list-menu-mobile a img { width: 100% } #livechat-AKONGCUAN .guru { padding: 10px 26px; line-height: 22px; background-image: linear-gradient(to bottom, #fa9292 0, #890000 100%); border: 1px solid #fa9292; color: #fff; border-radius: 20px; font-weight: 600; font-size: 18px; text-align: center; text-shadow: 2px 1px 9px rgba(0, 0, 0, .7) } #livechat-AKONGCUAN div.guru { background-image: linear-gradient(124deg, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303, #8d0303); color: #fff; text-shadow: 2px 1px 9px rgb(0 0 0 / 70%); background-size: 300% 300%; animation: background-gold 1s infinite; box-shadow: inset 0 -2px 0 #000; border: none } @keyframes background-gold { 0% { background-position: 0 82% } 50% { background-position: 100% 0 } 100% { background-position: 0 82% } } .banner { cursor: pointer; transition: all .3s ease; animation: borderPulse 1s infinite ease-out } @keyframes borderPulse { 0% { filter: drop-shadow(0 0 2px #0f0) } 50% { filter: drop-shadow(0 0 10px #0f0) } 100% { filter: drop-shadow(0 0 2px #0f0) } } .banner:hover { animation: none; filter: brightness(1.5) drop-shadow(0 0 20px #0f0) } h1, h2, h3, li { color: #fff } .app-footer__partners ul { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); justify-content: center; justify-items: stretch; align-items: stretch; align-content: center } .app-footer__partners li>a { display: flex; flex-direction: column; align-items: center; align-content: center; justify-content: center; flex-wrap: wrap; margin: 10px; border: 1px solid gold; border-radius: 10px; padding: 5px 4px; box-shadow: 0 0 7px 1px #ffa200 } .app-footer__partners span { font-size: 10px; margin-top: 9px; text-align: center } .app-footer__partners h5 { text-align: center; padding: 10px; background-color: gold; color: #000 } .app-footer__partners li>a:hover { background: #434343; letter-spacing: 1px; -webkit-box-shadow: 0 5px 40px -10px rgba(0, 0, 0, .57); -moz-box-shadow: 0 5px 40px -10px rgba(0, 0, 0, .57); transition: all .4s ease 0s }