@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

/* --- Variabel Warna (Opsional tapi direkomendasikan untuk konsistensi) --- */
/* Didefinisikan di sini agar bisa digunakan di seluruh stylesheet */
:root {
    --primary-blue: #007bff;
    --light-blue: #e0f2fe;
    --dark-blue: #0056b3;
    --text-dark: #343a40;
    --text-medium: #6c757d;
    --bg-light: #f8f9fa;
    --white: #ffffff;
    --red-alert: #dc3545;
    --orange-badge: #fd7e14;
}

/* --- Gaya Dasar (Mobile-First: Berlaku untuk semua layar, terutama ponsel) --- */
body {
    font-family: 'Roboto', sans-serif;
    background-color: var(--bg-light);
    margin: 0;
    padding: 10px; /* Padding dasar untuk mobile */
    display: flex;
    flex-direction: column; /* Tata letak kolom */
    justify-content: flex-start;
    align-items: center; /* Pusatkan konten utama */
    min-height: 100vh;
    box-sizing: border-box;
    color: var(--text-dark);
    line-height: 1.6;
}

/* --- Header (Dioptimalkan untuk Mobile) --- */
.header {
    width: 100%;
    background-color: var(--primary-blue);
    color: var(--white);
    padding: 8px 0; /* Padding vertikal lebih kecil di mobile */
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Shadow lebih halus */
    border-bottom-left-radius: 12px; /* Sedikit membulat */
    border-bottom-right-radius: 12px;
    margin-bottom: 15px; /* Jarak bawah lebih kecil */
    overflow: hidden; /* Penting untuk mencegah header melebar */
    box-sizing: border-box;
}

.header table {
    width: 98%; /* Sedikit ruang di tepi */
    margin: 0 auto;
    border-collapse: collapse;
    table-layout: fixed; /* Penting untuk lebar kolom yang konsisten */
}

.header table td {
    padding: 5px 1px; /* Kurangi padding horizontal di sel */
    text-align: center;
    vertical-align: middle;
    white-space: nowrap; /* Mencegah teks pecah baris terlalu dini */
    width: auto;
}

/* Distribusi lebar kolom untuk mobile */
.header table td:first-child {
     width: 45%; /* Lebih banyak ruang untuk judul */
}
.header table td:nth-child(2),
.header table td:nth-child(3),
.header table td:nth-child(4) {
     width: 18.33%; /* Bagi rata sisa ruang untuk 3 ikon */
}

.header a.putih {
    color: var(--white);
    text-decoration: none;
    display: block;
    font-family: "comic sans", Arial, sans-serif;
    font-size: 24px; /* Ukuran font judul di mobile */
    font-weight: bold;
    padding: 5px 0;
    transition: opacity 0.2s ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* Tampilkan ... jika teks terlalu panjang */
}

.header a.putih:hover {
    opacity: 0.8;
}

.header .icon-link .fa {
    font-size: 20px; /* Ukuran ikon di header mobile */
    vertical-align: middle;
    display: block;
    margin: 0 auto;
}

.openbtn {
    font-size: 24px; /* Ukuran tombol menu di header mobile */
    cursor: pointer;
    background-color: transparent;
    color: var(--white);
    padding: 0;
    border: none;
    line-height: 1;
    transition: opacity 0.2s ease;
    display: block;
    margin: 0 auto;
}

.openbtn:hover {
    opacity: 0.8;
}

/* --- Container Promosi (Dioptimalkan untuk Mobile) --- */
.promo-container {
    background-color: var(--white);
    border-radius: 12px; /* Lebih membulat */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); /* Bayangan lembut */
    padding: 15px; /* Padding lebih kecil untuk mobile */
    width: 100%; /* Selalu 100% lebar di mobile */
    max-width: 450px; /* Batasi agar tidak terlalu lebar di tablet kecil */
    overflow: hidden;
    margin-bottom: 20px;
}

.promo-header {
    display: flex;
    flex-direction: column; /* Tumpuk judul dan tombol di mobile */
    align-items: flex-start;
    margin-bottom: 15px;
    gap: 10px; /* Jarak antar judul dan tombol */
}

.promo-header h2 {
    font-size: 1.4em; /* Ukuran font judul di mobile */
    color: var(--text-dark);
    margin: 0;
    font-weight: 700;
}

.lihat-semua-btn {
    background-color: var(--primary-blue);
    color: var(--white);
    border: none;
    padding: 8px 15px; /* Padding tombol lebih kecil */
    border-radius: 20px;
    font-size: 0.9em;
    font-weight: 500;
    cursor: pointer;
    display: flex; /* Gunakan flex untuk ikon panah */
    align-items: center;
    gap: 6px;
    transition: background-color 0.3s ease, transform 0.2s ease;
    width: 100%; /* Tombol mengisi lebar penuh */
    justify-content: center; /* Pusatkan teks dan ikon */
    text-decoration: none;
}

.lihat-semua-btn:hover {
    background-color: var(--dark-blue);
    transform: translateY(-2px);
}

.lihat-semua-btn .arrow {
    font-size: 1em;
    line-height: 1;
}

.promo-grid {
    display: grid;
    /* 2 kolom untuk ponsel, item akan menyesuaikan ukuran */
    grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));
    gap: 15px; /* Jarak antar item */
    justify-items: center;
}

.grid-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
    color: var(--text-medium);
    font-size: 0.85em; /* Ukuran teks item di mobile */
    transition: transform 0.2s ease, color 0.2s ease;
    width: 100%;
    max-width: 100px; /* Batasi lebar item agar tidak terlalu lebar */
}

.grid-item:hover {
    transform: translateY(-3px);
    color: var(--primary-blue);
}

.item-icon-wrapper {
    width: 50px; /* Ukuran ikon wrapper di mobile */
    height: 50px;
    background-color: var(--light-blue);
    border-radius: 50%; /* Bulat sempurna */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px;
    position: relative;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); /* Shadow ikon lebih kecil */
    overflow: hidden;
    flex-shrink: 0;
}

.item-icon-wrapper .fa {
    font-size: 26px; /* Ukuran ikon Font Awesome di mobile */
    color: var(--primary-blue);
}

.item-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.item-badge {
    position: absolute;
    top: -3px; /* Posisi badge di mobile */
    right: -3px;
    background-color: var(--red-alert);
    color: var(--white);
    font-size: 0.6em;
    font-weight: 700;
    padding: 2px 5px;
    border-radius: 10px;
    border: 1px solid var(--white); /* Border lebih tipis */
    z-index: 10;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.item-badge.percent {
    background-color: var(--orange-badge);
    border-radius: 50%;
    width: 20px; /* Ukuran badge persen di mobile */
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.55em;
    top: -6px;
    right: -6px;
}

.item-text {
    font-size: 0.8em; /* Ukuran teks item di mobile */
    color: var(--text-medium);
    line-height: 1.3;
    font-weight: 400;
}

/* --- Gaya Sidebar (Dari kode Anda, tidak banyak perubahan karena sudah fixed) --- */
.sidebar {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.3);
}

.sidebar a {
    padding: 15px 8px 15px 32px;
    text-decoration: none;
    font-size: 20px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover {
    color: #f1f1f1;
    background-color: #333;
}

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    color: #f1f1f1;
    text-decoration: none;
}

#main-content {
    transition: margin-left .5s;
    padding: 15px; /* Padding konten utama di mobile */
}

/* --- Gaya Tabel Utama (Dioptimalkan untuk Mobile) --- */
.styled-table {
    border: none;
    background-color: var(--white);
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px; /* Jarak antar sel lebih kecil */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08); /* Shadow lebih tipis */
    border-radius: 12px; /* Lebih membulat */
    margin: 0 auto;
}

.styled-table tr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.styled-table td {
    background-color: var(--primary-blue);
    color: var(--white);
    padding: 12px; /* Padding sel lebih kecil */
    text-align: center;
    vertical-align: middle;
    border-radius: 20px; /* Sudut lebih bulat */
    transition: background-color 0.3s ease, transform 0.2s ease;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); /* Shadow lebih halus */
    /* Untuk mode HP, setiap sel akan mengisi lebar penuh atau setengah */
    flex: 1 1 calc(50% - 20px); /* Default 2 kolom untuk ponsel */
    max-width: calc(50% - 20px);
    min-width: 100px; /* Batas minimum untuk sel */
}

.styled-table td a {
    text-decoration: none;
    color: var(--white);
    font-size: 15px; /* Ukuran font lebih kecil */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 100%;
}

.styled-table td a .fa {
    font-size: 38px; /* Ukuran ikon di tabel mobile */
    margin-bottom: 6px;
}

.styled-table td:hover {
    background-color: var(--dark-blue);
    transform: translateY(-2px);
    cursor: pointer;
}

/* --- MEDIA QUERIES (Hanya untuk Layar Sangat Kecil / Ponsel Kecil) --- */
@media (max-width: 400px) {
    body {
        padding: 8px;
    }
    .header {
        padding: 6px 0;
        margin-bottom: 10px;
    }
    .header table td:first-child {
        width: 40%;
    }
    .header table td:nth-child(2),
    .header table td:nth-child(3),
    .header table td:nth-child(4) {
        width: 20%;
    }
    .header a.putih {
        font-size: 14px;
    }
    .header .icon-link .fa {
        font-size: 18px;
    }
    .openbtn {
        font-size: 22px;
    }

    .promo-container {
        padding: 12px;
        border-radius: 10px;
    }
    .promo-header h2 {
        font-size: 1.2em;
    }
    .lihat-semua-btn {
        padding: 6px 10px;
        font-size: 0.8em;
    }
    .promo-grid {
        grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); /* Lebih kecil lagi */
        gap: 8px;
    }
    .grid-item {
        max-width: 80px;
    }
    .item-icon-wrapper {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        margin-bottom: 6px;
    }
    .item-icon-wrapper .fa {
        font-size: 22px;
    }
    .item-text {
        font-size: 0.7em;
    }
    .item-badge {
        font-size: 0.55em;
        padding: 1px 4px;
    }
    .item-badge.percent {
        width: 16px;
        height: 16px;
        font-size: 0.45em;
        top: -4px;
        right: -4px;
    }

    #main-content {
        padding: 10px;
    }
    .styled-table {
        border-spacing: 8px;
        box-shadow: none; /* Hapus shadow di layar sangat kecil agar lebih ringan */
        border-radius: 0; /* Hapus radius di layar sangat kecil */
    }
    .styled-table td {
        flex: 1 1 100%; /* Setiap sel menjadi 1 kolom penuh */
        max-width: 100%;
        padding: 10px;
        border-radius: 15px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); /* Shadow tipis untuk setiap sel */
    }
    .styled-table td a {
        font-size: 14px;
        gap: 4px;
    }
    .styled-table td a .fa {
        font-size: 32px;
        margin-bottom: 4px;
    }
}






/* Styling umum untuk tombol submit */
.beautiful-submit-button {
    /* Ukuran dan padding */
    padding: 12px 25px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    border-radius: 8px; /* Sudut sedikit membulat */
    transition: all 0.3s ease; /* Efek transisi halus untuk hover */
    display: inline-block; /* Memastikan padding dan margin bekerja dengan baik */
    text-decoration: none; /* Menghilangkan garis bawah jika tombol adalah link */
    
    /* Menghilangkan border default browser */
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Sedikit bayangan */
}

/* OPSI 1: Nuansa Hijau Sederhana */
.beautiful-submit-button.simple-green {
    background-color: #4CAF50; /* Hijau standar */
    color: white; /* Teks putih */
}

.beautiful-submit-button.simple-green:hover {
    background-color: #45a049; /* Hijau sedikit lebih gelap saat dihover */
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15); /* Bayangan lebih jelas */
}

/* OPSI 2: Nuansa Hijau Lebih Cerah (Fresh Green) */
.beautiful-submit-button.fresh-green {
    background-color: #28a745; /* Hijau cerah */
    color: white;
    border: 1px solid #218838; /* Border hijau gelap */
}

.beautiful-submit-button.fresh-green:hover {
    background-color: #218838; /* Lebih gelap saat dihover */
    border-color: #1e7e34;
    transform: translateY(-2px); /* Sedikit naik */
    box-shadow: 0 8px 10px rgba(0, 0, 0, 0.2);
}

/* OPSI 3: Nuansa Hijau Gradasi (Modern Look) */
.beautiful-submit-button.gradient-green {
    background: linear-gradient(to right, #00C853, #2E7D32); /* Gradasi dari hijau muda ke hijau tua */
    color: white;
    border: none; /* Tidak perlu border karena ada gradasi */
    position: relative;
    overflow: hidden; /* Penting untuk efek pseudo-element */
}

.beautiful-submit-button.gradient-green:hover {
    background: linear-gradient(to right, #2E7D32, #00C853); /* Gradasi terbalik saat dihover */
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.25);
    transform: translateY(-2px);
}

/* Efek cahaya saat hover (Opsional untuk Gradient Green) */
.beautiful-submit-button.gradient-green::after {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.15); /* Cahaya putih transparan */
    transition: all 0.5s ease;
    transform: skewX(-20deg);
}

.beautiful-submit-button.gradient-green:hover::after {
    left: 100%; /* Geser efek cahaya */
}

/* OPSI 4: Nuansa Hijau Outlined (Gaya Border) */
.beautiful-submit-button.outlined-green {
    background-color: transparent; /* Latar belakang transparan */
    color: #28a745; /* Teks hijau */
    border: 2px solid #28a745; /* Border hijau */
}

.beautiful-submit-button.outlined-green:hover {
    background-color: #28a745; /* Latar belakang hijau saat dihover */
    color: white; /* Teks putih saat dihover */
}




.video-title-container {
    flex-grow: 1;
    margin-right: 8px;
    white-space: nowrap;   /* Memastikan teks tetap dalam satu baris */
    overflow-x: auto;      /* <-- BARU: Mengizinkan gulir horizontal jika teks melampaui batas */
    overflow-y: hidden;    /* <-- BARU: Sembunyikan gulir vertikal jika muncul (opsional) */
    /* text-overflow: ellipsis;  DIHAPUS karena teks bisa digulir */
    -ms-overflow-style: none;  /* <-- BARU: Sembunyikan scrollbar untuk IE/Edge */
    scrollbar-width: none;     /* <-- BARU: Sembunyikan scrollbar untuk Firefox */
}

/* <-- BARU: Aturan ini menyembunyikan scrollbar untuk browser berbasis Webkit (Chrome, Safari) */
.video-title-container::-webkit-scrollbar {
    display: none;
}#head{text-align:center}.position{text-align:left}.position > #home{display:block;float:left}.position > #home:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:'\f015 ';font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.position > #home:after{content:' Dorew';font-weight:700}.position > #dot{display:none}.position > #login{display:inline;float:right}*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{overflow-y:scroll!important}:focus{outline:0}form{font-size:1.2rem}h3{padding:0 0 2px}hr{border:0;border-top:1px solid gray}p{margin-bottom:6px;margin-top:6px}ul{padding-left:20px}input+input{margin-left:4px}button,.btn{display:inline-block;text-align:center}a.btn:hover{color:#686868}button,input[type=submit]{cursor:pointer;background:#e3e8ea;padding:3px 5px}button:hover{border-color:#000}select{padding:3px}textarea{width:100%;resize:vertical}.hide{display:none}.text{padding:4px}.list1,.list2,.text,.post>.postbody>.content{word-wrap:break-word}

.phdr{background:url(https://moleys.github.io/assets/patterns/body-bg7.png);border-bottom:#f0b400 solid 2px;background-color:#536162;color:#fff;margin-top:4px;padding:10px; width: 350px}

.phdr a{color:#fff}::selection{color:#fff;background:#159f85}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#07b}::-webkit-scrollbar-thumb:hover{background-color:#ccc}::-webkit-scrollbar-thumb:active{background-color:#ccc}
.phdr b {
    flex-shrink: 0; /* Pastikan 'Pesan' tidak menyusut */
}

.kirim-pesan-text {
    /* Anda bisa menambahkan gaya untuk teks 'kirim pesan' di sini jika perlu */
    color: #007bff; /* Contoh warna biru */
    font-size: 0.85em; /* Contoh ukuran font */
}


.pagination a,.pagination span{height:20px;line-height:20px;border:1px solid #417394;padding:1px 5px}
.pagination .current{color:#fff;background-color:#8cafc6}.pagination .disabled{color:#777;cursor:not-allowed}a.pagenav{background-color:#f2f6f8;text-decoration:none}a.pagenav:hover{border-color:red}.pagination a,.pagination span{height:20px;line-height:20px;border:1px solid #417394;padding:1px 5px}.pagination .current{color:#fff;background-color:#8cafc6}.pagination .disabled{color:#777;cursor:not-allowed}a.pagenav{background-color:#f2f6f8;text-decoration:none}a.pagenav:hover{border-color:red}.pagination{text-align:center}.list1:hover:hover{border-left:4px solid #25b37a}
.topic.cat_red{background-color:#ff5252;border:1px solid #d32f2f;color:#fff;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px 2px}.topic.cat_blue{background-color:#03a9f4;border:1px solid #0288d1;color:#fff;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px 2px}.topic.cat_green{background-color:#4caf50;border:1px solid #388e3c;color:#fff;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px 2px}.topic.cat_orange{background-color:#ff5722;border:1px solid #e64a19;color:#fff;line-height:14px;vertical-align:baseline;white-space:nowrap;padding:1px 4px 2px}.category{overflow:hidden}.listcat{list-style:none outside none;float:left;width:100px;height:100px;margin:2px;text-align:center}
.rmenu{background-color:#ffd1f0;border:1px solid #ffb3dc;margin:1px 0 0;padding:6px;overflow:auto}img{max-width:100%;height:auto}
.button{background-color:#e7e7e7;border:none;color:#000;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer}a.bbcode{text-decoration:none;background-color:#e3e8ea;padding:4px;color:#000;border-radius:4px;font-size:14px;margin:1px;line-height:2.1}video{text-align:center;margin:0 auto;display:block;width:70%;height:auto}
.lv-120{background:linear-gradient(90deg,#A0FE65,#FA016D);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lv-126{background:linear-gradient(90deg,#DC143C,#753a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.lv-127{background:linear-gradient(90deg,#cc2b5e,#753a88);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.imgAvtUser{border-radius:50%}audio{width:70%}optgroup{font-weight:700}button,input{overflow:visible}button,select{text-transform:none}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}.nounderline{text-decoration:none!important}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}@media(max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}@media(min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}@media(max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}}#fme_menu{z-index:99999;position:fixed;bottom:0;margin:auto;max-width:950px;width:100%;background:#22292f;background-image:linear-gradient(0deg,#0b0c10,#333);border-top:1px solid #212121;color:#d6d6d6;box-shadow:-1px -1px 10px -1px #5f5f5f99;padding:8px}#fme_menu td{width:calc(100%/{{calc_fme}})}#fme_menu td a{color:#eee}#fme_menu td:hover{background-color:#1b1c1e;cursor:pointer}#fme_menu div{width:100%}.trimUnit{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:950px}
.marquee{margin:0 auto;overflow:hidden;box-sizing:border-box}.marquee span{display:inline-block;width:max-content;padding-left:100%;will-change:transform;animation:marquee 10s linear infinite}
.marquee span:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0,0)}100%{transform:translate(-100%,0)}}.redactor_box{border:1px solid #d7edfc;border-bottom:none;position:relative;overflow:hidden}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.kvideo{max-width:50%;max-height:auto}pre{background:#e2f0fc;border:1px solid #90b8e0;display:block;word-wrap:break-word;overflow:auto}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;background:none;animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){background:#C5F0A4;left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){background:#C5F0A4;left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){background:#35B0AB;left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){background:#226B80;left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0,0)}100%{transform:translate(24px,0)}}img.Avatar{border-radius:50%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;transition:all .5s}img.Avatar:hover{transform:rotate(360deg)}.subscriber{font-weight:700}
.contributor{color:purple;font-weight:700}
.author{color:blue;font-weight:700}
.editor{color:#473C8B;font-weight:700}
.master-editor{color:#a52a2a;font-weight:700}
.moderator{color:green;font-weight:700}
.master-moderator{color:orange;font-weight:700}
.administrator{color:red;font-weight:700}
.master-admin{-webkit-animation:hue 1s linear infinite;color:#025A0A;text-shadow:0 0 1px #0FF;font-weight:70}
.super-admin{-webkit-animation:hue 2s linear infinite;color:red;text-shadow:0 0 1px #FF0!important;font-weight:700}
.distance:after{content:" "}

@-webkit-keyframes hue{100%{-webkit-filter:hue-rotate(360deg)}}.a { border-top-width: 5px; border-top-color: #0000ff; border-top-style: solid; }
.ad { background-color: #dadde0; color: #000000; border-width: 1px; border-color: #0000ff; border-style: solid; margin-top: 1px; margin-bottom: 1px; margin-left: 0px; margin-right: 0px; padding-top: 3px; padding-bottom: 3px; padding-left: 5px; padding-right: 3px; font-weight: bold; font-size: large; }
.amenu { color: #333333; border: 1px solid #e6b868; background-color: #fff5bc; margin: 1px 1px 2px; padding: 5px 5px 5px 5px; }
.anu { background: #ffffff; margin: 2px; padding: 5px; border: solid 1px #414040; display: block; }
.as1 { background: #f7f7f8; padding: 5px; display: block; border-bottom: 1px solid #ddd; }
.as2 { background: #f7f7f8; padding: 5px; display: block; border-bottom: 1px solid #ddd; }
.avamenu { background-color: #dadde0; font-size: x-small; padding: 2px 4px 3px 4px; margin- bottom: 1px; border-bottom: 1px solid #a8b1bb; border- right: 1px solid #e1e4e8; border-left: 1px solid #e1e4e8; }
.bar4 { background-color: #399; color: #ffffff; text-bold: 1px 1px #fff; link-color: 1px 1px #ffffff; padding: 4px; }
.bmenu { color: #fff; background-color: #4b4d4d; padding-top: 5px; padding-bottom: 5px; margin-top: 1px; margin-bottom: 1px; border-bottom: 1px outset #676a6a; }
.body { color: #141414; font-family: verdana,arial,helvetica,sans-serif; font-size: 15px; text-decoration: none; background: #efefef; margin: auto; box-shadow: 1px 1px 15px #888888; text-align: left-center; }
.brdr { border-width: 2px; border-color: #1c1c1c; border-style: solid; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; }
.brdr2 { border-width: 1px; border-color: #dfdfdf; border-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; }
.bulewhait { border: 1px solid #d3d3d3; margin: 5px 2px; padding-top: 2px; padding-bottom: 5px; background-image: url('/img/1252/1252666_c68afa86dc.gif'); background-repeat: repeat-x; background-position: top; color: yellow; font-size: bold; }
.chatup { background-color: #fff; border: 2px solid #bcd2ee; line-height: 1.3em; margin: 4px; padding: 5px; position: relative; text-align: left; border-radius: 4px; font-weight: bold; }
.chatup a { color: #0000ff; }
.copy { color: #fff; background: url(http://saqibjackson.xtgem.com/green_copyright/light0.png) no-repeat 50% top, url(http://saqibjackson.xtgem.com/green_copyright/copyright.png) no-repeat left 100%, #99ff33 url(http://saqibjackson.xtgem.com/green_copyright/g_copyright.jpg) repeat-x; text-shadow: 1px 1px 3px #333; border-radius: 7px; font-size: 17px; padding: 2px 0px; font-weight: bolder; font-family: tahoma; }
.currentpage { color: #0000ff; background- color: #3c67b6; border: 1px solid #0b198c; padding: 2px 3px 2px 3px; }
.download2 { color: #000000; font-size: 8px; text-align: center; margin-top: 10px; padding: 8px; border-top: 1px solid #f3ffc4; border-bottom: 1px solid #9fc323; background: #b3dc29 url(http://stevendie.xtgem.com/themes/gtouch/stevendie/logobacksteve.gif) repeat-x top; }
.eror { background-color: #ffeeee; border-width: 1px; border-color: #ffbbbb; border-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.eror1 { background-color: #fffbe2; border-width: 1px; border-color: #e2c822; border-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; }
.eror2 { background-color: #ffe8c6; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.eror3 { background-color: #fbf1d7; border-width: 1px; border-color: #f6db93; border-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fbw { background-color: #f6f7f8; border-width: 1px; border-color: #dfdfdf; border-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fd { background-color: #f6f6f6; padding: 4px; border: 1px solid #e7e7e7; border-radius: 4px; }
.fdbg { background-color: #f7f7f8; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fdbr { background-color: #f7f7f8; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fdhr { background-color: #f7f7f8; border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.frame { background: #fff; padding: 2px; border: solid 1px #404040; }
.ft { background-color: #eceff5; padding: 4px; border-radius: 4px; }
.fw { background-color: #ffffff; padding: 4px; border: 2px solid #ececec; border-radius: 4px; }
.fwbr { background-color: #ffffff; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.fwhr { border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; padding-bottom: 4px; padding-right: 4px; }
.gbb { background-color: #669933; color: #000000; border-top-width: 2px; border-top-color: Ffccff; border-top-style: dashed; border-bottom-width: 2px; border-bottom-color: Ffccff; border-bottom-style: dashed; margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 3px; font-weight: bold; }
.gbb a { color: #FFFF00; }
.gminu { color: #000000; background- color: #fafff0; margin-top: 2px; margin-bottom: 2px; padding: 2px; border: 2px solid #d4eba1; }
.h1 { background-color: #4466ee; color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-left-width: 1px; border-left-color: #2244cc; border-left-style: solid; border-bottom-width: 1px; border-bottom-color: #2244cc; border-bottom-style: solid; }
.h2 { background-color: #f7f7f8; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; }
.h3 { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-width: 1px; border-color: #dfdfdf; border-style: solid; }
.h4 { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; }
.h5 { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-width: 1px; border-color: #dfdfdf; border-style: solid; }
.h6 { border-width: 1px; border-color: #4466ff; border-style: solid; }
.Head { background-color: #333; color: #FFFFFF; font-weight: bold; }
.Head a { color: #3300FF; }
.head { border-width: 1px; border-color: #dfdfdf; border-style: solid; }
.head1 { background-color: #f7f7f8; border-bottom-width: 2px; border-bottom-color: #5588ff; border-bottom-style: solid; margin-top: 2px; margin-bottom: 2px; }
.head2 { background-color: #f7f7f8; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-width: 1px; border-color: #dfdfdf; border-style: solid; }
.head3 { background-color: #ffffff; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; }
.head4 { background-color: #f7f7f8; margin-bottom: 2px; border-width: 1px; border-color: #dfdfdf; border-style: solid; }
.head5 { background-color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-top-width: 3px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dfdfdf; border-bottom-style: solid; border-left-width: 3px; border-left-color: #dfdfdf; border-left-style: solid; border-right-width: 2px; border-right-color: #dfdfdf; border-right-style: solid; margin-bottom: 2px; }
.head6 { background-color: #f7f7f8; padding-top: 5px; padding-bottom: 5px; padding-left: 2px; padding-right: 2px; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 3px; border-bottom-color: #dfdfdf; border-bottom-style: solid; border-left-width: 1px; border-left-color: #dfdfdf; border-left-style: solid; border-right-width: 3px; border-right-color: #dfdfdf; border-right-style: solid; margin-bottom: 2px; }
.input { border: 1px solid #cccccc; padding: 3px; margin: 1px; color: #000000; background-color: #feffff; }
.line { border-bottom-width: 2px; border-bottom-color: #5577ff; border-bottom-style: solid; }
.list2 { background: #fefefe url(/img/2097/2097813_fdbfbc7d3b.gif) repeat-x top; border-top-width: 1px; border-top-color: #dcdcdc; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dcdcdc; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.list3 { background: #f5f5f5 url(/img/3527/3527475_1a9403f232.png) repeat-x top; border-top-width: 1px; border-top-color: #dfdfdf; border-top-style: solid; border-bottom-width: 1px; border-bottom-color: #dcdcdc; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.list4 { background-color: #f7f7f8; border-width: 1px; border-color: #dfdfdf; border-style: solid; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }
.list5 { background-color: #ffffff; border-width: 1px; border-color: #dfdfdf; border-style: solid; padding-top: 3px; padding-bottom: 1px; padding-left: 3px; padding-right: 3px; }
.list6 { background-color: #ffffff; border-width: 2px; border-color: #dfdfdf; border-style: solid; padding-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; }

.mainblok { border: 1px solid #7f5fff; padding: 0px; margin-left: 3px; margin-right: 3px; margin-top: 5px; margin- bottom: 4px; border-radius: 4px; }


.menu { background-color: #6688ff; color: #ffffff; border-bottom-width: 1px; border-bottom-color: #5577ff; border-bottom-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; font-weight: bold; }
.menu a { color: #FFFF00; }
.menu2 { background-color: #6688ff; color: #ffffff; border-bottom-width: 1px; border-bottom-color: #5577ff; border-bottom-style: solid; padding-top: 1px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; }
.menu3 { background-color: #11bce0; color: #ff0000; text-shadow: #45cdf5 1px 1px 1px; background-image: url(http://amat.jw.lt/images/copy.gif); background-repeat: repeat-x; background-position: 50% top; border-bottom-width: 3px; border-bottom-color: #0000ff; border-bottom-style: solid; margin-top: 1px; margin-bottom: 3px; margin-left: 3px; margin-right: 3px; font-weight: bold; text-align: center; padding-top: 1px; padding-bottom: 6px; }
.msgbody { background: #fffafa; padding: 5px; display: block; border: dotted 1px #cae1ff; margin: 5px; color: black; border-radius: 4px; }
.msgfoot { color: #333333; border: 1px solid #e6b868; background-color: #fff5bc; padding: 5px 5px 5px 5px; border-radius: 4px; margin: 4px 4px 4px 4px; }
.msgtitle { color: #ffffff; background-color: #538dc3; background-repeat: no-repeat; background-position: right 50%; text-align: left; padding: 3px; font-weight: bold:padding-left:5px; margin: 4px 4px 4px 4px; border: 1px solid #538dc3; border-radius: 4px; }
.nfooter { background-color: black; color: #ffffff; font-weight: bold; text-align: left; padding: 4px 2px 4px 3px; background-repeat: no- repeat; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin-right: 1px; border-bottom-width: 4px; border-bottom-color: #FF0000; border-bottom-style: solid; }
.nfooter a { color: #ffffff; }
.omenu { color: #333333; border: 1px solid #fc0; background-color: #ffffcc; margin: 3px; padding: 4px 4px 4px; border-radius: 4px; }
.pagenav { background-color: #dadde0; border: 2px solid #417394; padding: 4px 3px 4px 3px; text-decoration: none; font-weight: bold; }
.pagenav1 { background-color: #f2f6f8; border: 1px solid #417394; }
.patablack { color: #ffffff; background-image: url(http://gannu.wapka.mobi/img/574/574248_02cf3e8280.gif); border-width: 1px; border-color: #504a4b; border-style: inset; margin-top: 1px; margin-bottom: 1px; margin-left: 1px; margin- right: 1px; font-weight: none; padding-top: 2px; padding- bottom: 1px; padding-left: 1px; padding-right: 1px; text- decoration: normal; font-style: normal; font-size: normal; text-decoration: none; }


.phdr { color: #ffffff; background: SteelRed; padding: 5px; font- weight: bold; border-left: 3px solid #FF00FF; border-right: 3px solid #FF00FF; border- top: 1px solid #008686; border-radius: 1px; border-bottom-width: 5px; border-bottom-color: #fff; border-bottom-style: solid; font-weight: bold; font-size: large; }
.phdr a { color: #ffffff; }


.Porkblack { background-color: #b8b8ff; padding: 2px; border-top: 4px solid #9999ff; border-bottom: 3px solid #9999ff; color: #000000; font-weight: bold; }
.purple { background-color: #6666ff; color: #ffffff; border-width: 1px; border-color: #5555ff; border-style: solid; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; }
.quote { background: #ffd700; padding: 3px; color: #6600ff; border: 1px solid #417394; overflow: hidden; margin: 0; font-size: x-small; margin- center: 2px; padding-left: 4px; padding-right: 4px; padding- top: 2px; padding-bottom: 2px; }
.redmenu { color: #ff6163; background-color: #ffe3e7; margin-top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #f7b6bd; }
.rmenu { background-color: #fff0f0; background-image: url(http:// f14.wapkafiles.com/ download/4/9/ b/1946125_49bc65316b76d151f9f82c38.gif/5badfd701f8d12c69c20/ rmenu.gif); background- repeat: repeat-x; background- position: 50% top; margin- top: 1px; margin-bottom: 1px; padding: 2px; border: 1px solid #ffd0d0; }
.signup { background-color: #4466ee; color: #ffffff; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; border-left-width: 1px; border-left-color: #2244cc; border-left-style: solid; border-bottom-width: 1px; border-bottom-color: #2244cc; border-bottom-style: solid; }
.skywhait { background-color: #58b0e7; color: #ffffff; margin: 1px 0px 3px 0px; padding: 3px 3px 3px 20px; text-align: left; font-size: 12px; background-image: url('/img/1110/1110101_5055d08bee.gif'); background-repeat: no-repeat; background-position: top left; border-bottom: 3px solid #409cd5; font-weight: bold; }
.skywhait a { color:  #000000; }
.submitold { background-color: #4466ee; color: #ffffff; border-width: 1px; border-color: #2244cc; border-style: solid; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; }
.submit { color: #ffffff; text-align: center; padding: 2px; background: #4eb5fe url(http://stevendie.xtgem.com/themes/blue/rek.gif) repeat-x 50% top; border-width: 1px; border-color: #177cc3; border-style: solid; margin-top: 5px; margin-bottom: 5px; margin-left: 1px; margin-right: 1px; }
.submithover { color: #ffffff; text-align: center; padding: 2px; background: #5088b0 url(http://stevendie.xtgem.com/themes/2011/images/copy.gif) repeat-x 50% top; border-width: 1px; border-color: #5088b0; border-style: solid; margin-top: 5px; margin-bottom: 5px; margin-left: 1px; margin-right: 1px; }
.tmenu { background-color: #6688ff; padding-top: 5px; padding-bottom: 1px; padding-left: 1px; padding-right: 1px; margin-top: 2px; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; border-width: 1px; border-color: #5577ff; border-style: solid; }
.topmenu { background-color: #dadde0; font-size: bold; padding: 2px 4px 3px 4px; margin- bottom: 1px; border-bottom: 1px solid #a8b1bb; border- right: 1px solid #e1e4e8; border-left: 1px solid #e1e4e8; }
.urlcode { background-color: #c0c0c0; color: #000000; border-width: 2px; border-color: #FF0000; border-style: solid; margin-left: 3px; margin-right: 3px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; font-weight: bold; font-size: large; }
.urlcode a { color: #0000FF; }
.uu { background: #dadde0; padding: 5px; display: block; border-radius: 4px; }
.wapmenu { background-color: #6688ff; color: #ffffff; margin-top: 2px; margin-left: 2px; margin-right: 2px; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; border-left-width: 1px; border-left-color: #4477ff; border-left-style: solid; border-top-width: 1px; border-top-color: #4477ff; border-top-style: solid; border-right-width: 1px; border-right-color: #4477ff; border-right-style: solid; }ul,ol{margin-left:20px}
@media only screen and (max-width: 766px){
.blok{border:2px solid #536162;display:block;margin:5px}
.phdr{margin-top:0}
}
@media only screen and (min-width: 767px){
fme{display:block;background-color:#EBEBEC;padding:4px;border:1px solid #DEDEE0;box-shadow:0 0 10px #343434}
}<meta name="admverifysite" content="281798aa3f60637583de370f42969d98" />