Acing Welder Panduan untuk Menang Besar di Event Slot

body { -webkit-animation: -amp-start 8s steps(1, end) 0s 1 normal both; -moz-animation: -amp-start 8s steps(1, end) 0s 1 normal both; -ms-animation: -amp-start 8s steps(1, end) 0s 1 normal both; animation: -amp-start 8s steps(1, end) 0s 1 normal both } @-webkit-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-moz-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-ms-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @-o-keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } @keyframes -amp-start { from { visibility: hidden } to { visibility: visible } } body { -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none } :root { –blue: #007bff; –indigo: #6610f2; –purple: #6f42c1; –pink: #e83e8c; –red: #dc3545; –orange: #fd7e14; –yellow: #ffc107; –green: #28a745; –teal: #20c997; –cyan: #17a2b8; –white: #fff; –gray: #6c757d; –gray-dark: #343a40; –primary: #ffffff; –secondary: #6c757d; –success: #28a745; –info: #17a2b8; –warning: #ffc107; –danger: #dc3545; –light: #f8f9fa; –dark: #343a40; –breakpoint-xs: 0; –breakpoint-sm: 576px; –breakpoint-md: 768px; –breakpoint-lg: 992px; –breakpoint-xl: 1160px; –font-family-sans-serif: -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-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } @media (min-width: 576px) { .container { max-width: 540px } } @media (min-width: 768px) { .container { max-width: 720px } } @media (min-width: 992px) { .container { max-width: 960px } } @media (min-width: 1160px) { .container { max-width: 1100px } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto } .row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px } .no-gutters { margin-right: 0; margin-left: 0 } .no-gutters>.col, .no-gutters>[class*=”col-“] { padding-right: 0; padding-left: 0 } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-1 { margin-left: 8.33333% } .offset-2 { margin-left: 16.66667% } .offset-3 { margin-left: 25% } .offset-4 { margin-left: 33.33333% } .offset-5 { margin-left: 41.66667% } .offset-6 { margin-left: 50% } .offset-7 { margin-left: 58.33333% } .offset-8 { margin-left: 66.66667% } .offset-9 { margin-left: 75% } .offset-10 { margin-left: 83.33333% } .offset-11 { margin-left: 91.66667% } @media (min-width: 576px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-sm-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-sm-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-sm-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-sm-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-sm-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-sm-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-sm-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-sm-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-sm-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-sm-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-sm-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-sm-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-sm-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-sm-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-sm-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-sm-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-sm-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-sm-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-sm-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-sm-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-sm-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-sm-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-sm-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-sm-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-sm-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-sm-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-sm-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-sm-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-sm-0 { margin-left: 0 } .offset-sm-1 { margin-left: 8.33333% } .offset-sm-2 { margin-left: 16.66667% } .offset-sm-3 { margin-left: 25% } .offset-sm-4 { margin-left: 33.33333% } .offset-sm-5 { margin-left: 41.66667% } .offset-sm-6 { margin-left: 50% } .offset-sm-7 { margin-left: 58.33333% } .offset-sm-8 { margin-left: 66.66667% } .offset-sm-9 { margin-left: 75% } .offset-sm-10 { margin-left: 83.33333% } .offset-sm-11 { margin-left: 91.66667% } } @media (min-width: 768px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-md-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-md-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-md-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-md-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-md-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-md-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-md-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-md-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-md-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-md-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-md-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-md-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-md-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-md-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-md-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-md-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-md-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-md-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-md-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-md-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-md-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-md-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-md-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-md-0 { margin-left: 0 } .offset-md-1 { margin-left: 8.33333% } .offset-md-2 { margin-left: 16.66667% } .offset-md-3 { margin-left: 25% } .offset-md-4 { margin-left: 33.33333% } .offset-md-5 { margin-left: 41.66667% } .offset-md-6 { margin-left: 50% } .offset-md-7 { margin-left: 58.33333% } .offset-md-8 { margin-left: 66.66667% } .offset-md-9 { margin-left: 75% } .offset-md-10 { margin-left: 83.33333% } .offset-md-11 { margin-left: 91.66667% } } @media (min-width: 992px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-lg-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-lg-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-lg-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-lg-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-lg-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-lg-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-lg-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-lg-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-lg-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-lg-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-lg-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-lg-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-lg-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-lg-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-lg-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-lg-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-lg-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-lg-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-lg-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-lg-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-lg-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-lg-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-lg-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-lg-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-lg-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-lg-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-lg-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-lg-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-lg-0 { margin-left: 0 } .offset-lg-1 { margin-left: 8.33333% } .offset-lg-2 { margin-left: 16.66667% } .offset-lg-3 { margin-left: 25% } .offset-lg-4 { margin-left: 33.33333% } .offset-lg-5 { margin-left: 41.66667% } .offset-lg-6 { margin-left: 50% } .offset-lg-7 { margin-left: 58.33333% } .offset-lg-8 { margin-left: 66.66667% } .offset-lg-9 { margin-left: 75% } .offset-lg-10 { margin-left: 83.33333% } .offset-lg-11 { margin-left: 91.66667% } } @media (min-width: 1160px) { .col-xl { -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% } .col-xl-auto { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% } .col-xl-1 { -webkit-box-flex: 0; -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333% } .col-xl-2 { -webkit-box-flex: 0; -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667% } .col-xl-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25% } .col-xl-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333% } .col-xl-5 { -webkit-box-flex: 0; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667% } .col-xl-6 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .col-xl-7 { -webkit-box-flex: 0; -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333% } .col-xl-8 { -webkit-box-flex: 0; -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667% } .col-xl-9 { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75% } .col-xl-10 { -webkit-box-flex: 0; -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333% } .col-xl-11 { -webkit-box-flex: 0; -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667% } .col-xl-12 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% } .order-xl-first { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1 } .order-xl-last { -webkit-box-ordinal-group: 14; -ms-flex-order: 13; order: 13 } .order-xl-0 { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .order-xl-1 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } .order-xl-2 { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .order-xl-3 { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3 } .order-xl-4 { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } .order-xl-5 { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5 } .order-xl-6 { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6 } .order-xl-7 { -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7 } .order-xl-8 { -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8 } .order-xl-9 { -webkit-box-ordinal-group: 10; -ms-flex-order: 9; order: 9 } .order-xl-10 { -webkit-box-ordinal-group: 11; -ms-flex-order: 10; order: 10 } .order-xl-11 { -webkit-box-ordinal-group: 12; -ms-flex-order: 11; order: 11 } .order-xl-12 { -webkit-box-ordinal-group: 13; -ms-flex-order: 12; order: 12 } .offset-xl-0 { margin-left: 0 } .offset-xl-1 { margin-left: 8.33333% } .offset-xl-2 { margin-left: 16.66667% } .offset-xl-3 { margin-left: 25% } .offset-xl-4 { margin-left: 33.33333% } .offset-xl-5 { margin-left: 41.66667% } .offset-xl-6 { margin-left: 50% } .offset-xl-7 { margin-left: 58.33333% } .offset-xl-8 { margin-left: 66.66667% } .offset-xl-9 { margin-left: 75% } .offset-xl-10 { margin-left: 83.33333% } .offset-xl-11 { margin-left: 91.66667% } } .table { width: 100%; margin-bottom: 1rem; color: #212529 } .table th, .table td { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6 } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6 } .table tbody+tbody { border-top: 2px solid #dee2e6 } .table-sm th, .table-sm td { padding: .3rem } .table-bordered { border: 1px solid #dee2e6 } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody+tbody { border: 0 } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05) } .table-hover tbody tr:hover { color: #212529; background-color: rgba(0, 0, 0, 0.075) } .table-primary, .table-primary>th, .table-primary>td { background-color: #fefad8 } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody+tbody { border-color: #fef5b6 } .table-hover .table-primary:hover { background-color: #fdf7bf } .table-hover .table-primary:hover>td, .table-hover .table-primary:hover>th { background-color: #fdf7bf } .table-secondary, .table-secondary>th, .table-secondary>td { background-color: #d6d8db } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody+tbody { border-color: #b3b7bb } .table-hover .table-secondary:hover { background-color: #c8cbcf } .table-hover .table-secondary:hover>td, .table-hover .table-secondary:hover>th { background-color: #c8cbcf } .table-success, .table-success>th, .table-success>td { background-color: #c3e6cb } .table-success th, .table-success td, .table-success thead th, .table-success tbody+tbody { border-color: #8fd19e } .table-hover .table-success:hover { background-color: #b1dfbb } .table-hover .table-success:hover>td, .table-hover .table-success:hover>th { background-color: #b1dfbb } .table-info, .table-info>th, .table-info>td { background-color: #bee5eb } .table-info th, .table-info td, .table-info thead th, .table-info tbody+tbody { border-color: #86cfda } .table-hover .table-info:hover { background-color: #abdde5 } .table-hover .table-info:hover>td, .table-hover .table-info:hover>th { background-color: #abdde5 } .table-warning, .table-warning>th, .table-warning>td { background-color: #ffeeba } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody+tbody { border-color: #ffdf7e } .table-hover .table-warning:hover { background-color: #fc0 } .table-hover .table-warning:hover>td, .table-hover .table-warning:hover>th { background-color: #fc0 } .table-danger, .table-danger>th, .table-danger>td { background-color: #f5c6cb } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody+tbody { border-color: #ed969e } .table-hover .table-danger:hover { background-color: #f1b0b7 } .table-hover .table-danger:hover>td, .table-hover .table-danger:hover>th { background-color: #f1b0b7 } .table-light, .table-light>th, .table-light>td { background-color: #fdfdfe } .table-light th, .table-light td, .table-light thead th, .table-light tbody+tbody { border-color: #fbfcfc } .table-hover .table-light:hover { background-color: #ececf6 } .table-hover .table-light:hover>td, .table-hover .table-light:hover>th { background-color: #ececf6 } .table-dark, .table-dark>th, .table-dark>td { background-color: #c6c8ca } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody+tbody { border-color: #95999c } .table-hover .table-dark:hover { background-color: #b9bbbe } .table-hover .table-dark:hover>td, .table-hover .table-dark:hover>th { background-color: #b9bbbe } .table-active, .table-active>th, .table-active>td { background-color: rgba(0, 0, 0, 0.075) } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075) } .table-hover .table-active:hover>td, .table-hover .table-active:hover>th { background-color: rgba(0, 0, 0, 0.075) } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55 } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6 } .table-dark { color: #fff; background-color: #343a40 } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55 } .table-dark.table-bordered { border: 0 } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05) } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075) } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-sm>.table-bordered { border: 0 } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-md>.table-bordered { border: 0 } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-lg>.table-bordered { border: 0 } } @media (max-width: 1159.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive-xl>.table-bordered { border: 0 } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch } .table-responsive>.table-bordered { border: 0 } .media { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } .media-body { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } .align-baseline { vertical-align: baseline } .align-top { vertical-align: top } .align-middle { vertical-align: middle } .align-bottom { vertical-align: bottom } .align-text-bottom { vertical-align: text-bottom } .align-text-top { vertical-align: text-top } .clearfix::after { display: block; clear: both; content: “” } .d-none { display: none } .d-inline { display: inline } .d-inline-block { display: inline-block } .d-block { display: block } .d-table { display: table } .d-table-row { display: table-row } .d-table-cell { display: table-cell } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } @media (min-width: 576px) { .d-sm-none { display: none } .d-sm-inline { display: inline } .d-sm-inline-block { display: inline-block } .d-sm-block { display: block } .d-sm-table { display: table } .d-sm-table-row { display: table-row } .d-sm-table-cell { display: table-cell } .d-sm-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-sm-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } @media (min-width: 768px) { .d-md-none { display: none } .d-md-inline { display: inline } .d-md-inline-block { display: inline-block } .d-md-block { display: block } .d-md-table { display: table } .d-md-table-row { display: table-row } .d-md-table-cell { display: table-cell } .d-md-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-md-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } @media (min-width: 992px) { .d-lg-none { display: none } .d-lg-inline { display: inline } .d-lg-inline-block { display: inline-block } .d-lg-block { display: block } .d-lg-table { display: table } .d-lg-table-row { display: table-row } .d-lg-table-cell { display: table-cell } .d-lg-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-lg-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } @media (min-width: 1160px) { .d-xl-none { display: none } .d-xl-inline { display: inline } .d-xl-inline-block { display: inline-block } .d-xl-block { display: block } .d-xl-table { display: table } .d-xl-table-row { display: table-row } .d-xl-table-cell { display: table-cell } .d-xl-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-xl-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } @media print { .d-print-none { display: none } .d-print-inline { display: inline } .d-print-inline-block { display: inline-block } .d-print-block { display: block } .d-print-table { display: table } .d-print-table-row { display: table-row } .d-print-table-cell { display: table-cell } .d-print-flex { display: -webkit-box; display: -ms-flexbox; display: flex } .d-print-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden } .embed-responsive::before { display: block; content: “” } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0 } .visible { visibility: visible } .invisible { visibility: hidden } html { overflow: auto } body { overflow: hidden; margin: 0 } a, a:hover { text-decoration: none } :focus { outline: none; outline-color: none; outline-style: none; outline-width: 0 } ul { -webkit-padding-start: 0; padding-inline-start: 0 } ul li { list-style-type: none } .text-white { color: #ffffff } .text-gold { color: #fc0 } body { font-family: ‘Helvetica’, sans-serif } .sans-serif { font-family: ‘Helvetica’, sans-serif } strong, .font-bold { font-weight: 700 } h1 { font-size: 40px } .text-h2, h2 { font-size: 36px } .text-h3, h3 { font-size: 24px } .text-h4, h4, p { font-size: 16px; word-spacing: 2px; line-height: 25px } .text-uppercase { text-transform: uppercase } .fontsize-70 { font-size: 70px } @media (max-width: 991.98px) { h1 { font-size: 30px } .text-h2, h2 { font-size: 30px } .text-h3, h3 { font-size: 20px } .text-h4, h4, p { font-size: 15px } .fontsize-70 { font-size: 50px } } .btn-cta { background: #ffffff; background: -webkit-gradient(linear, left bottom, left top, from(#fc0), to(#ffffff)); background: linear-gradient(0deg, #990000 0%, #fd0000 100%); font-size: 20px; font-weight: bold; text-transform: uppercase; color: #ffffff; padding: 13px 0 } .btn-block { display: block; text-align: center } body { background: #131313; background: -webkit-gradient(linear, left top, right top, from(#131313), to(#232323)); background: linear-gradient(90deg, #131313 0%, #232323 100%) } @media (max-width: 991.98px) { .the-main-container { padding: 0 } } .main-body { background: #00000095; color: #ffffff; box-shadow: 0px 5px 22px red; border: 1px solid red; overflow: hidden; position: relative; border-radius: 10px; } .main-body header { padding: 20px 40px 20px; background: #111111 } .main-body header .logo amp-img { height: 50px; width: 266px } @media (max-width: 991.98px) { .main-body header .logo amp-img { max-width: 100% } } @media (max-width: 991.98px) { .main-body header .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100% } } .main-body header .main-nav .the-nav { margin: 0 } .main-body header .main-nav .the-nav .nav-item { font-size: 16px; margin-right: 15px } .main-body header .main-nav .the-nav .nav-item a { color: #ffffff } .main-body header .main-nav .the-nav .nav-item:last-child { margin-right: 0 } .main-body .featured-image amp-img { width: 100%; height: auto } .main-body .content-body { padding: 0 50px 5px } @media (max-width: 991.98px) { .main-body .content-body { padding: 0 10px 5px } } .main-body .sectiontitle { font-size: 35px; line-height: 50px; font-weight: bold; position: relative; padding-bottom: 25px; margin-bottom: 20px } .main-body .sectiontitle:after { content: “”; position: absolute; bottom: 0; left: 0; width: 100px; height: 5px; background: #ffffff } @media (min-width: 768px) { .main-body p { text-align: justify } } .main-body .faq .que { background: #ffffff; background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e8a938)); background: linear-gradient(90deg, #171c46 0%, #003864 100%); color: rgb(255, 255, 255); font-weight: bold; padding: 10px 10px 10px 15px } .main-body .faq .ans { padding: 10px 10px 10px 20px; border-left: 1px solid white; margin: 5px 5px 30px 10px } a { color: #ffffff; } .responsive { width: 100%; height: auto; } .the-list li { margin-bottom: 8px; list-style: disc; margin-inline-start: 16px; } table { position: relative; overflow: hidden; width: 100%; max-width: 100%; color: #fff; text-align: center; background-color: #161616; border: 2px solid red; border-collapse: separate; border-radius: 12px } table.table-layout-fixed { table-layout: fixed } table.table-has-caption { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } table caption { padding: 15px; color: #fff; font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; background-color: #000; border-top-left-radius: 12px; border-top-right-radius: 12px } table tr td, table tr th { padding: 10px; line-height: 24px; vertical-align: middle; border: 1px solid #FF0000 } table thead tr th { background-color: #FF0000; border-bottom: 2px solid #FF0000; color: black; font-weight: bold; } table tr:last-of-type:not(:first-of-type) td, table tr:last-of-type:not(:first-of-type) th { border-bottom: none } table tfoot tr td, table tfoot tr th { border: none } table tfoot tr:first-of-type td, table tfoot tr:first-of-type th { border-top: 2px solid #e6e9ee } table tr td .button, table tr td button, table tr th .highlight { color: #000; font-size: 20px; font-weight: 700 } table tr .responsive-th { display: none; overflow: hidden; position: absolute; left: 4%; width: 44%; color: #000; font-size: 16px; text-overflow: ellipsis; text-align: right; white-space: nowrap } .button.button-secondary, button.button-secondary { color: #fff; background-color: #18214a } .button.button-primary, .button.button-secondary, button.button-primary, button.button-secondary { padding: 7px 22px; border-radius: 6px } .marquee { width: 100%; margin: 0 auto; white-space: nowrap; overflow: hidden; box-sizing: border-box; height: 24px; font-family: prompt, arial; text-transform: uppercase; font-size: 14px; color: #ffff; font-style: bold; margin-bottom: 0px } .marquee span { display: inline-block; padding-left: 100%; text-indent: 0; animation: marquee 30s linear infinite } .marquee span:hover { animation-play-state: paused } @keyframes marquee { 0% { transform: translate(0, 0) } 100% { transform: translate(-100%, 0) } } p { text-align: justify } .submenu { color: #5db; margin: 0 } .nomargin { margin: 0 } .seo-content { font-size: .12.8em; color: #d3d3d3; text-align: justify; letter-spacing: .1px } .btn { display: grid; padding: 6px 12px; margin-bottom: 0; font-size: large; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn:active:focus, .btn:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px } .btn:focus, .btn:hover { color: #333; text-decoration: none } .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125) } .menu a { display: inline-block; padding: 10px 20px; text-decoration: none; color: white; margin: 0px; font-size: 18px; } .menu { display: block; width: 100%; text-align: center; background: #df1300; } .menu a:hover { color: gold; } .menu a { display: block; font-size: 16px; border: 1px solid white; } .tanggal { font-size: 20px; } .btn-primary { color: #edebeb; font-weight: 700; text-decoration: none; text-transform: uppercase; border-color: #fff; background-color: #df1300 } .btn-primary:focus { color: #fff; background-color: #2b2b2b; border-color: #df1300 } .btn-primary:hover { color: #df1300; background-color: #2b2b2b; border-color: #df1300 } .btn-primary:active { color: #fff; background-color: #2b2b2b; border-color: #2b2b2b } .btn-primary:active:focus, .btn-primary:active:hover { color: #fff; background-color: #2b2b2b; border-color: #df1300 } .btn-primary:active { background-image: none } .container-global { max-width: 1000px; margin: 0 auto } html { scroll-behavior: smooth; } a { text-decoration: none; } body { background: url(https://iili.io/F4AtzuV.jpg) 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: 0px; } #card-content { padding: 0px 5px; } #card-title { font-family: “Raleway Thin”, sans-serif; letter-spacing: 4px; padding-bottom: 23px; padding-top: 15px; text-align: center; color: white; } #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: 0px 1px 8px #24c64f; cursor: pointer; color: white; font-family: “Raleway SemiBold”, sans-serif; height: 42.3px; margin: 0 auto; margin-top: 50px; transition: 0.25s; width: 153px; } #submit-btn:hover { box-shadow: 0px 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: none; padding-top: 14px; } .underline-title { background: -webkit-linear-gradient(right, #fff, #fff); height: 2px; margin: -1.1rem auto 0 auto; width: 100%; } .contactField.requiredField, .contactField.contactOption { height: 35px; margin-bottom: 0px; 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, #000080 0%, #000080 100%); box-shadow: 0px 0px 2px #000080; border: 1px solid #000080; color: #ffffff; text-transform: uppercase; border-radius: 17px; } .buttonWrap.button-blue { padding: 10px 26px; display: block; line-height: 22px; box-shadow: inset 0 -2px 0 rgb(178, 34, 34); 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: bold; } .center { text-align: center; margin-bottom: 10px; } .center-bank { text-align: center; color: #fff; font-weight: bold; margin-left: -5px; } .showp { color: white; 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: 0px; 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, #DC143C 0%, #DC143C 100%); color: #000000; 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: bold; text-transform: uppercase; font-size: 12px; box-shadow: inset 0 -2px 0 #000000; border: 3px groove #FFFFFF; animation: change-color 0.5s ease 0s infinite normal; border-radius: 0px 18px 0px 18px; text-align: center; text-transform: uppercase; padding: 15px 22px; } .page-header { width: 100%; z-index: 999999; border-bottom: 1px solid #FF0000; top: 0; } .shead { height: 75px; } .buttonlc2 { text-align: center; width: 100%; height: 15px; color: #FFFFFF; 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: #000000; } footer#footer { width: 1170px; margin: auto; } @-webkit-keyframes change-color { 0% { color: black; } 50% { color: white; } 100% { color: black; } } @keyframes change-color { 0% { color: white; } 50% { color: white; } 100% { color: black; } } .buttonWrap.buttondapk.button-blues.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%, #FFD700 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 #005aff; 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 #ffffff, 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, #cccccc 0%, #f9f9f9 50%, #e6e6e6 100%); border: 0px solid #000000; color: #000; border-radius: 20px; font-weight: 700; font-size: 18px; text-align: center; height: 23px; margin-bottom: 10px; } .contactSubmitButton { display: block; margin-right: 0px; } .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: 0px 23px 0px 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 0px #000000, 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: #000000; border-bottom: 2px solid #ffffff; font-size: large; } .list-menu-mobile { width: 100%; } .list-menu-mobile a { width: 17%; padding: 0px 3px; display: inline-block; } .list-menu-mobile a img { width: 100%; } #livechat-Acing welder .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, 0.7) } #livechat-Acing welder div.guru { background-image: linear-gradient(124deg, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000, #8B0000); color: white; 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 Black; 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 0.3s ease; animation: borderPulse 1s infinite ease-out; } @keyframes borderPulse { 0% { filter: drop-shadow(0px 0px 2px #00FF00); } 50% { filter: drop-shadow(0px 0px 10px #00FF00) } 100% { filter: drop-shadow(0px 0px 2px #00FF00); } } .banner:hover { animation: none; filter: brightness(1.5) drop-shadow(0px 0px 20px #00FF00); } h1, h2, h3, li { color: white; }