:root {
  --shared-overflow-1: hidden;
  --shared-background-color-1: #f7f7f7;
  --shared-background-color-2: #42b629;
  --shared-color-1: #fff;
  --shared-color-2: #fff794;
  --shared-border-color-1: var(--blue);
  --shared-background-color-3: #fffbe6;
  --shared-border-color-2: #e6ca21;
  --shared-color-3: #7b7510;
  --shared-position-1: relative;
  --shared-padding-bottom-1: 56.25%;
  --shared-height-1: 0;
  --shared-display-1: none;
  --shared-padding-1: 4px;
  --shared-word-wrap-1: break-word;
  --shared-font-weight-1: 700;
  --shared-font-size-1: 30px;
  --shared-border-1: none;
  --shared-border-radius-1: none;
  --shared-backdrop-filter-1: blur(7px)saturate(180%);
  --shared--webkit-backdrop-filter-1: blur(16px)saturate(180%);
  --shared-background-color-4: #3a599c;
  --shared-border-2: 1px solid rgba(255, 255, 255, 0.125);
  --shared-padding-2: 10px;
  --shared-background-color-5: #efeff7;
  --shared-border-3: #ddd solid 0.5px;
  --shared-border-bottom-1: #f0b400 solid .5px;
  --shared-font-weight-2: 500;
  --shared-padding-3: 0.5rem;
  --shared-margin-1: 0;
  --shared-border-4: 1px solid transparent;
  --shared-border-radius-2: 0;
  --shared-background-1: url(../images/gray.jpg);
  --shared-background-color-6: #242c33;
  --shared-color-4: #333;
  --shared-padding-top-1: 5px;
  --shared-font-size-2: 13px;
  --shared-padding-bottom-2: 5px;
  --shared-border-bottom-2: 3px dashed #1b1e25;
  --shared-text-align-1: center;
  --shared-background-color-7: #1b1e25;
  --shared-margin-top-1: 5px dashed #ffffff;
  --shared-padding-left-1: 5px;
  --shared--webkit-border-bottom-right-radius-1: 1px;
  --shared--webkit-border-bottom-left-radius-1: 1px;
  --shared-border-bottom-3: 0px solid #39434D;
  --shared-display-2: flex;
  --shared-align-items-1: center;
  --shared-justify-content-1: center;
  --shared-margin-2: 20px 0;
  --shared-list-style-1: none;
  --shared-padding-4: 0;
  --shared-margin-3: auto;
  --shared-font-weight-3: bold;
  --shared-background-2: #8cafc6;
  --shared-border-5: 1px solid #dee2e6;
  --shared-border-width-1: 0 1px 1px;
  --shared-padding-5: 8px;
  --shared-background-color-8: #f6d6d7;
  --shared-border-6: 1px solid #D32F2F;
  --shared-color-5: #7d1f22;
  --shared-line-height-1: 14px;
  --shared-vertical-align-1: baseline;
  --shared-white-space-1: nowrap;
  --shared-padding-6: 1px 4px 2px;
  --shared-background-color-9: #cce4f6;
  --shared-border-7: 1px solid #0288D1;
  --shared-color-6: #00487f;
  --shared-background-color-10: #cfe5cf;
  --shared-border-8: 1px solid #388E3C;
  --shared-color-7: #0a4a0a;
  --shared-background-color-11: #fff1cc;
  --shared-border-9: 1px solid #E64A19;
  --shared-color-8: #664a00;
  --shared-background-color-12: #e7e7e7;
  --shared-color-9: #000;
  --shared-padding-7: 15px 32px;
  --shared-text-decoration-1: none;
  --shared-display-3: inline-block;
  --shared-font-size-3: 16px;
  --shared-margin-4: 4px 2px;
  --shared-cursor-1: pointer;
  --shared-background-color-13: #e3e8ea;
  --shared-border-radius-3: 4px;
  --shared-font-size-4: 14px;
  --shared-margin-5: 1px;
  --shared-line-height-2: 2.1;
  --shared-border-bottom-4: 1px solid #a8d9f6;
  --shared-background-color-14: #fcfcfc;
  --shared-padding-bottom-3: 6px;
  --shared-float-1: left;
  --shared-margin-6: 2px 5px 5px;
  --shared-padding-left-2: 20px;
  --shared-display-4: block;
  --shared-padding-bottom-4: 3px;
  --shared-font-size-5: 10.5px;
  --shared-color-10: gray;
  --shared-list-style-2: none outside none;
  --shared-width-1: 100px;
  --shared-height-2: 100px;
  --shared-margin-7: 2px;
  --shared-background-3: linear-gradient(90deg, #A0FE65, #FA016D);
  --shared--webkit-background-clip-1: text;
  --shared--webkit-text-fill-color-1: transparent;
  --shared-background-4: linear-gradient(90deg, #DC143C, #753a88);
  --shared-background-5: linear-gradient(90deg, #cc2b5e, #753a88);
  --shared-border-radius-4: 50%;
  --shared-background-color-15: #efecec;
  --shared-line-height-3: 1.3em;
  --shared-text-align-2: left;
  --shared-border-top-left-radius-1: 4px 4px;
  --shared-border-top-right-radius-1: 4px 4px;
  --shared-border-bottom-right-radius-1: 4px 4px;
  --shared-border-bottom-left-radius-1: 4px 4px;
  --shared-border-width-2: 1px;
  --shared-border-style-1: solid;
  --shared-margin-8: 4px;
  --shared-padding-8: 5px;
  --shared-border-color-3: #efecec;
  --shared-bottom-1: 100%;
  --shared-pointer-events-1: none;
  --shared-width-2: 0;
  --shared-position-2: absolute;
  --shared-top-1: -21px;
  --shared-left-1: 10px;
  --shared-border-width-3: 10px;
  --shared-border-color-4: transparent transparent #efecec;
  --shared-font-family-1: Consolas, "courier new";
  --shared-width-3: auto;
  --shared-background-color-16: #fff;
  --shared-padding-9: 8px 12px;
  --shared-border-left-1: 4px solid #4CAF50;
  --shared-color-11: #dc143c;
  --shared-background-color-17: #f1f1f1;
  --shared-padding-left-3: 4px;
  --shared-padding-right-1: 4px;
  --shared-font-size-6: 110%;
  --shared-border-10: 1px solid #ccc;
  --shared-width-4: 100%;
  --shared-border-radius-5: 5px;
  --shared-border-11: 0;
  --shared-padding-10: 9px 0;
  --shared-border-bottom-5: 1px solid #ccc;
  --shared-width-5: 24px;
  --shared-height-3: 24px;
  --shared-top-2: 6px;
  --shared-z-index-1: 3;
  --shared-padding-top-2: 100px;
  --shared-position-3: fixed;
  --shared-left-2: 0;
  --shared-top-3: 0;
  --shared-height-4: 100%;
  --shared-overflow-2: auto;
  --shared-background-color-18: #000;
  --shared-background-color-19: rgba(0, 0, 0, 0.4);
  --shared-outline-1: 0;
  --shared-width-6: 600px;
  --shared-width-7: 500px;
  --shared-padding-top-3: 50px;
  --shared-width-8: 900px;
  --shared-margin-9: 0 10px;
  --shared-padding-top-4: 30px;
  --shared-padding-11: 0 0 0 2px;
  --shared-border-bottom-6: 1px solid #D7EDFC;
  --shared-line-height-4: 0;
  --shared-list-style-3: outside none none;
  --shared-background-6: url(https://i.imgur.com/yefRrRh.png)repeat-x scroll center top #F0F7FC;
  --shared-padding-12: 1px;
  --shared-border-12: 1px solid #D7EDFC;
  --shared-border-radius-6: 3px;
  --shared-box-shadow-1: 1px 1px 1px rgba(255, 255, 255, 0.5);
  --shared-outline-2: medium none;
  --shared-margin-10: 2px 2px 2px 2px;
  --shared-border-top-1: 1px dotted #ccc;
  --shared-margin-top-2: 4px;
  --shared-white-space-2: normal;
  --shared-flex-direction-1: column;
  --shared-border-13: 1px solid #C3D7DF;
  --shared-border-top-2: none;
  --shared-border-bottom-7: 1px dotted #C3D7DF;
  --shared-margin-bottom-1: 10px;
  --shared-font-size-7: 1.2em;
  --shared-color-12: #00a;
  --shared-margin-11: 5px 0;
  --shared-font-size-8: 0.9em;
  --shared-color-13: #666;
  --shared-justify-content-2: space-between;
  --shared-flex-direction-2: row;
  --shared-flex-1: 3;
  --shared-background-color-20: #E3EFFF;
  --shared-padding-13: 12px;
  --shared-margin-top-3: 14px;
  --shared-border-14: 1px solid #abbefb;
  --shared-padding-14: 12px 16px;
  --shared-border-radius-7: 6px;
  --shared-color-14: #1A1A1A;
  --shared-color-15: #3e6500;
  --shared-background-color-21: #fafff0;
  --shared-background-repeat-1: repeat-x;
  --shared-background-position-1: 50%top;
  --shared-border-15: 1px solid #d4eba1;
  --shared-color-16: #bf0000;
  --shared-background-color-22: #fff0f0;
  --shared-border-16: 1px solid #ffd0d0;
  --shared-background-color-23: #E0E6FF;
  --shared-background-color-24: #B3C7FF;
  --shared-background-7: #E0E6FF;
  --shared-margin-top-4: 1px;
  --shared-margin-bottom-2: 1px;
  --shared-font-size-9: 17px;
  --shared-color-17: #2C3E50;
  --shared-background-color-25: #633517;
  --shared-background-color-26: #a6001a;
  --shared-background-color-27: #e06000;
  --shared-background-color-28: #ee9600;
  --shared-background-color-29: #ffab00;
  --shared-background-color-30: #004d33;
  --shared-background-color-31: #00477e;
  
}


html,
body,
div,
article,
iframe {
    word-wrap: break-word;
    overflow-x: hidden;
    overflow-y: hidden
}

body {
    background-color: #fff;
    background-position: center;
    color: #000;
    font-family: 'Be Vietnam Pro', sans-serif;
    font-size: 16px;
    max-width: 950px;
    margin: auto
}

a,
a:hover {
    text-decoration: none
}

.btn,
button,
[type="submit"],
[type="button"],
[type="reset"] {
    background-color: #007bff;
    color: #fff !important;
    display: inline-block;
    padding: 3px 10px;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    transition: background-color 0.3s, box-shadow 0.3s, transform 0.3s;
    margin-right: 5px
}

.btn:hover,
button:hover,
[type="submit"]:hover,
[type="button"]:hover,
[type="reset"]:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-2px);
    filter: brightness(85%);
    background-color: #0056b3;
    color: #bcbcbc !important
}

.overflow {
    overflow: var(--shared-overflow-1)
}

.color,
.p-text a {
    color: var(--blue)
}

.light {
    background-color: var(--shared-background-color-1)
}

.gray,
.menu,
.chpass::before, .topmenu {
    background-color: #fff
}

.green {
    background-color: var(--shared-background-color-2);
    color: var(--shared-color-1)
}

.orange {
    color: var(--shared-color-2)
}

.border {
    border-color: var(--shared-border-color-1) !important
}

.yellow {
    background-color: var(--shared-background-color-3);
    border-color: var(--shared-border-color-2) !important;
    color: var(--shared-color-3)
}

.login input:not([type="checkbox"]) {
    display: block;
    border: none;
    padding: 8px 12px;
    border-width: 1px;
    border-style: solid;
    width: 100%
}

.login[type="submit"],
.edit[type="submit"] {
    background-color: var(--blue);
    border-color: var(--blue);
    color: #fff
}

.login label {
    font-weight: 600;
    color: #8a8a8e
}

.login[type="text"],
.login[type="password"],
.login[type="email"] {
    border-color: #aaa
}

.logo img {
    height: 30px
}

nav.fb a {
    display: inline-block;
    padding: 4px 12px
}

nav.fb a.active,
nav.fb a:hover {
    background-color: #ffffff55
}

video {
    text-align: center;
    margin: 0 auto;
    display: block;
    width: 70%;
    height: auto
}

.video-wrapper {
    position: var(--shared-position-1);
    padding-bottom: var(--shared-padding-bottom-1);
    height: var(--shared-height-1);
    overflow: var(--shared-overflow-1)
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

* {
    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
}

select {
    padding: 3px
}

textarea {
    width: 100%;
    resize: vertical
}

.hide {
    display: var(--shared-display-1)
}

.text {
    padding: var(--shared-padding-1)
}

.list1,
.list2,
.text,
.post>.postbody>.content {
    word-wrap: var(--shared-word-wrap-1)
}

.logo {
    font-weight: var(--shared-font-weight-1);
    font-size: var(--shared-font-size-1)
}

.card {
    border: var(--shared-border-1);
    border-radius: var(--shared-border-radius-1)
}

header .card-header {
    backdrop-filter: var(--shared-backdrop-filter-1);
    -webkit-backdrop-filter: var(--shared--webkit-backdrop-filter-1);
    background-color: var(--shared-background-color-4);
    border: var(--shared-border-2);
    color: var(--shared-color-1);
    padding: var(--shared-padding-2);
    border-radius: var(--shared-border-radius-1)
}

header .card-header a {
    color: #fff
}

main .card-header {
    background-color: var(--shared-background-color-5);
    border: var(--shared-border-3);
    border-bottom: var(--shared-border-bottom-1);
    font-weight: var(--shared-font-weight-2)
}

main .card-body {
    position: var(--shared-position-1);
    padding: var(--shared-padding-3);
    margin: var(--shared-margin-1);
    border: var(--shared-border-4);
    border-radius: var(--shared-border-radius-2);
    background: var(--shared-background-1)
}

main hr {
    border: none;
    border-top: 1px solid #ccc;
    margin: 0 10px
}

footer .card-header {
    background-color: var(--shared-background-color-6);
    color: var(--shared-color-4);
    padding-top: var(--shared-padding-top-1);
    font-size: var(--shared-font-size-2);
    padding-bottom: var(--shared-padding-bottom-2);
    border-bottom: var(--shared-border-bottom-2)
}

footer .card-body {
    text-align: var(--shared-text-align-1);
    color: var(--shared-color-1);
    padding-bottom: var(--shared-padding-bottom-2);
    padding-top: var(--shared-padding-top-1);
    background-color: var(--shared-background-color-7);
    margin-top: var(--shared-margin-top-1);
    padding-left: var(--shared-padding-left-1);
    -webkit-border-bottom-right-radius: var(--shared--webkit-border-bottom-right-radius-1);
    -webkit-border-bottom-left-radius: var(--shared--webkit-border-bottom-left-radius-1);
    border-bottom: var(--shared-border-bottom-3)
}

.alert {
    position: var(--shared-position-1);
    padding: var(--shared-padding-3);
    margin: var(--shared-margin-1);
    border: var(--shared-border-4);
    border-radius: var(--shared-border-radius-2)
}

.alert-warning {
    background-color: var(--shared-background-color-3);
    border-color: var(--shared-border-color-2) !important;
    color: var(--shared-color-3)
}

div {
    border-radius: 0 !important
}

.divider {
    display: var(--shared-display-2);
    align-items: var(--shared-align-items-1);
    justify-content: var(--shared-justify-content-1);
    margin: var(--shared-margin-2)
}

.divider hr {
    flex: 1;
    border: none;
    border-top: 1px solid #ccc;
    margin: 0 10px
}

.divider span {
    padding: 0 10px;
    color: #666;
    font-weight: bold
}

::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
}

.pagination {
    display: var(--shared-display-2);
    list-style: var(--shared-list-style-1);
    padding: var(--shared-padding-4);
    margin: var(--shared-margin-3);
    justify-content: var(--shared-justify-content-1);
    font-weight: var(--shared-font-weight-3);
    text-align: var(--shared-text-align-1)
}

@media(max-width:450px) {

    .pagination li.first,
    .pagination li.last {
        display: var(--shared-display-1)
    }
}

.pagination>li>a {
    display: block;
    color: #555
}

.pagination>li {
    color: #333;
    float: left;
    font-size: 13px;
    list-style: none;
    background: #fff;
    padding: 0 15px;
    line-height: 35px;
    margin: 0 5px 5px 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.04);
    border: 1px solid #d9d7dc
}

.pagination>li.active {
    color: var(--shared-color-1) !important;
    background: var(--shared-background-2)
}

.pagination>li.active a {
    color: #fff !important
}

.list-group-item,
.news,
.menu,
.list1,
.list2, .topmenu {
    border: var(--shared-border-5);
    border-width: var(--shared-border-width-1);
    padding: var(--shared-padding-5)
}

.lisst1:hover:hover {
    border-left: 4px solid #25b37a
}

.topic.cat_red {
    background-color: var(--shared-background-color-8);
    border: var(--shared-border-6);
    color: var(--shared-color-5);
    line-height: var(--shared-line-height-1);
    vertical-align: var(--shared-vertical-align-1);
    white-space: var(--shared-white-space-1);
    padding: var(--shared-padding-6)
}

.topic.cat_blue {
    background-color: var(--shared-background-color-9);
    border: var(--shared-border-7);
    color: var(--shared-color-6);
    line-height: var(--shared-line-height-1);
    vertical-align: var(--shared-vertical-align-1);
    white-space: var(--shared-white-space-1);
    padding: var(--shared-padding-6)
}

.topic.cat_green {
    background-color: var(--shared-background-color-10);
    border: var(--shared-border-8);
    color: var(--shared-color-7);
    line-height: var(--shared-line-height-1);
    vertical-align: var(--shared-vertical-align-1);
    white-space: var(--shared-white-space-1);
    padding: var(--shared-padding-6)
}

.topic.cat_orange {
    background-color: var(--shared-background-color-11);
    border: var(--shared-border-9);
    color: var(--shared-color-8);
    line-height: var(--shared-line-height-1);
    vertical-align: var(--shared-vertical-align-1);
    white-space: var(--shared-white-space-1);
    padding: var(--shared-padding-6)
}

img {
    max-width: 100%;
    height: auto
}

.button {
    background-color: var(--shared-background-color-12);
    border: var(--shared-border-1);
    color: var(--shared-color-9);
    padding: var(--shared-padding-7);
    text-align: var(--shared-text-align-1);
    text-decoration: var(--shared-text-decoration-1);
    display: var(--shared-display-3);
    font-size: var(--shared-font-size-3);
    margin: var(--shared-margin-4);
    cursor: var(--shared-cursor-1)
}

a.bbcode {
    text-decoration: var(--shared-text-decoration-1);
    background-color: var(--shared-background-color-13);
    padding: var(--shared-padding-1);
    color: var(--shared-color-9);
    border-radius: var(--shared-border-radius-3);
    font-size: var(--shared-font-size-4);
    margin: var(--shared-margin-5);
    line-height: var(--shared-line-height-2)
}

.blog_info {
    border-bottom: var(--shared-border-bottom-4)
}

.blog_info .thumb_blog img {
    border-radius: 50%
}

.blog_info {
    background-color: var(--shared-background-color-14);
    padding-top: var(--shared-padding-top-1);
    padding-bottom: var(--shared-padding-bottom-3)
}

.blog_info .thumb_blog {
    float: var(--shared-float-1);
    margin: var(--shared-margin-6)
}

.blog_info .more_info {
    padding-left: var(--shared-padding-left-2)
}

.blog_info .more_info .row {
    display: var(--shared-display-4);
    font-weight: var(--shared-font-weight-1);
    padding-bottom: var(--shared-padding-bottom-4)
}

.blog_info .more_info .row.more {
    font-size: var(--shared-font-size-5);
    color: var(--shared-color-10)
}

.category {
    overflow: var(--shared-overflow-1)
}

.listcat {
    list-style: var(--shared-list-style-2);
    float: var(--shared-float-1);
    width: var(--shared-width-1);
    height: var(--shared-height-2);
    margin: var(--shared-margin-7);
    text-align: var(--shared-text-align-1)
}

.lv-120 {
    background: var(--shared-background-3);
    -webkit-background-clip: var(--shared--webkit-background-clip-1);
    -webkit-text-fill-color: var(--shared--webkit-text-fill-color-1)
}

.lv-126 {
    background: var(--shared-background-4);
    -webkit-background-clip: var(--shared--webkit-background-clip-1);
    -webkit-text-fill-color: var(--shared--webkit-text-fill-color-1)
}

.lv-127 {
    background: var(--shared-background-5);
    -webkit-background-clip: var(--shared--webkit-background-clip-1);
    -webkit-text-fill-color: var(--shared--webkit-text-fill-color-1)
}

.imgAvtUser {
    border-radius: var(--shared-border-radius-4)
}

.chatbox {
    background-color: var(--shared-background-color-15);
    line-height: var(--shared-line-height-3);
    position: var(--shared-position-1);
    text-align: var(--shared-text-align-2);
    border-top-left-radius: var(--shared-border-top-left-radius-1);
    border-top-right-radius: var(--shared-border-top-right-radius-1);
    border-bottom-right-radius: var(--shared-border-bottom-right-radius-1);
    border-bottom-left-radius: var(--shared-border-bottom-left-radius-1);
    border-width: var(--shared-border-width-2);
    border-style: var(--shared-border-style-1);
    margin: var(--shared-margin-8);
    padding: var(--shared-padding-8);
    border-color: var(--shared-border-color-3);
    padding: var(--shared-padding-2)
}

.chatbox .textchat {
    bottom: var(--shared-bottom-1);
    pointer-events: var(--shared-pointer-events-1);
    height: var(--shared-height-1);
    width: var(--shared-width-2);
    position: var(--shared-position-2);
    top: var(--shared-top-1);
    left: var(--shared-left-1);
    border-width: var(--shared-border-width-3);
    border-style: var(--shared-border-style-1);
    border-color: var(--shared-border-color-4)
}

button,
input,
select,
textarea,
optgroup {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

.w3-code,
.w3-codespan {
    font-family: var(--shared-font-family-1);
    font-size: var(--shared-font-size-3)
}

.w3-code {
    width: var(--shared-width-3);
    background-color: var(--shared-background-color-16);
    padding: var(--shared-padding-9);
    border-left: var(--shared-border-left-1);
    word-wrap: var(--shared-word-wrap-1)
}

.w3-codespan {
    color: var(--shared-color-11);
    background-color: var(--shared-background-color-17);
    padding-left: var(--shared-padding-left-3);
    padding-right: var(--shared-padding-right-1);
    font-size: var(--shared-font-size-6)
}

.w3-input {
    padding: var(--shared-padding-5);
    display: var(--shared-display-4);
    border: var(--shared-border-1);
    border: var(--shared-border-10);
    width: var(--shared-width-4);
    border-radius: var(--shared-border-radius-5)
}

.w3-border-0 {
    border: var(--shared-border-11) !important
}

.w3-border {
    border: var(--shared-border-10) !important
}

.w3-select {
    padding: var(--shared-padding-10);
    width: var(--shared-width-4);
    border: var(--shared-border-1);
    border-bottom: var(--shared-border-bottom-5)
}

.w3-check,
.w3-radio {
    width: var(--shared-width-5);
    height: var(--shared-height-3);
    position: var(--shared-position-1);
    top: var(--shared-top-2)
}

.nounderline {
    text-decoration: var(--shared-text-decoration-1) !important
}

.w3-modal {
    z-index: var(--shared-z-index-1);
    display: var(--shared-display-1);
    padding-top: var(--shared-padding-top-2);
    position: var(--shared-position-3);
    left: var(--shared-left-2);
    top: var(--shared-top-3);
    width: var(--shared-width-4);
    height: var(--shared-height-4);
    overflow: var(--shared-overflow-2);
    background-color: var(--shared-background-color-18);
    background-color: var(--shared-background-color-19)
}

.w3-modal-content {
    margin: var(--shared-margin-3);
    background-color: var(--shared-background-color-16);
    position: var(--shared-position-1);
    padding: var(--shared-padding-4);
    outline: var(--shared-outline-1);
    width: var(--shared-width-6)
}

@media(max-width:768px) {
    .w3-modal-content {
        width: var(--shared-width-7)
    }

    .w3-modal {
        padding-top: var(--shared-padding-top-3)
    }
}

@media(min-width:993px) {
    .w3-modal-content {
        width: var(--shared-width-8)
    }

    .w3-hide-large {
        display: var(--shared-display-1) !important
    }

    .w3-sidebar.w3-collapse {
        display: var(--shared-display-4) !important
    }
}

@media(max-width:600px) {
    .w3-modal-content {
        margin: var(--shared-margin-9);
        width: var(--shared-width-3) !important
    }

    .w3-modal {
        padding-top: var(--shared-padding-top-4)
    }
}

.redactor_toolbar {
    padding: var(--shared-padding-11);
    margin: var(--shared-margin-3);
    border-bottom: var(--shared-border-bottom-6);
    position: var(--shared-position-1);
    left: var(--shared-left-2);
    top: var(--shared-top-3);
    line-height: var(--shared-line-height-4);
    list-style: var(--shared-list-style-3);
    overflow: var(--shared-overflow-1)
}

.redactor_btn_group {
    background: var(--shared-background-6);
    padding: var(--shared-padding-12);
    margin: var(--shared-margin-1);
    border: var(--shared-border-12);
    border-radius: var(--shared-border-radius-6);
    overflow: var(--shared-overflow-1);
    box-shadow: var(--shared-box-shadow-1);
    outline: var(--shared-outline-2);
    list-style: var(--shared-list-style-2);
    margin: var(--shared-margin-10);
    float: var(--shared-float-1)
}

.redactor_toolbar li a {
    text-align: center;
    border: 1px solid transparent;
    box-sizing: border-box;
    display: block;
    cursor: pointer;
    outline: medium none;
    width: 24px;
    height: 24px;
    float: left;
    outline: medium none
}

.redactor_toolbar li a:hover {
    background-color: #FCFCFF;
    border-color: #A5CAE4;
    border-radius: 3px;
    outline: medium none
}

.sub {
    border-top: var(--shared-border-top-1);
    font-size: var(--shared-font-size-3);
    margin-top: var(--shared-margin-top-2)
}

.breakWord {
    word-wrap: var(--shared-word-wrap-1);
    white-space: var(--shared-white-space-2)
}

#phan-trang span,
#phan-trang a {
    margin-left: 5px
}

.dorew-postforum-post {
    display: var(--shared-display-2);
    flex-direction: var(--shared-flex-direction-1);
    padding: var(--shared-padding-2);
    border: var(--shared-border-13)
}

.dorew-postforum-post+.dorew-postforum-post {
    border-top: var(--shared-border-top-2)
}

@media(max-width:767px) {
    .dorew-postforum-post {
        border: var(--shared-border-1);
        border-bottom: var(--shared-border-bottom-7)
    }
}

.dorew-postforum-content {
    margin-bottom: var(--shared-margin-bottom-1)
}

.dorew-postforum-title {
    font-size: var(--shared-font-size-7);
    color: var(--shared-color-12);
    text-decoration: var(--shared-text-decoration-1)
}

.dorew-postforum-meta {
    margin: var(--shared-margin-11);
    font-size: var(--shared-font-size-8);
    color: var(--shared-color-13)
}

.dorew-postforum-stats {
    display: var(--shared-display-2);
    justify-content: var(--shared-justify-content-2);
    font-size: var(--shared-font-size-8);
    color: var(--shared-color-13)
}

.dorew-postforum-stat {
    display: var(--shared-display-2);
    align-items: var(--shared-align-items-1)
}

.dorew-postforum-stat span {
    margin-right: 5px;
    font-weight: bold
}

@media(min-width:600px) {
    .dorew-postforum-post {
        flex-direction: var(--shared-flex-direction-2);
        justify-content: var(--shared-justify-content-2)
    }

    .dorew-postforum-content {
        flex: var(--shared-flex-1)
    }

    .dorew-postforum-stats {
        display: var(--shared-display-4)
    }
}

.phdr {
    background-color: var(--shared-background-color-20);
    padding: var(--shared-padding-13);
    margin-top: var(--shared-margin-top-3);
    border: var(--shared-border-14)
}

.list1,
.list2 {
    padding: var(--shared-padding-14);
    border-radius: var(--shared-border-radius-7);
    color: var(--shared-color-14);
    font-size: var(--shared-font-size-3)
}

.gmenu {
    color: var(--shared-color-15);
    background-color: var(--shared-background-color-21);
    background-repeat: var(--shared-background-repeat-1);
    background-position: var(--shared-background-position-1);
    padding: var(--shared-padding-13);
    border: var(--shared-border-15)
}

.gmenu a {
    color: #697700;
    border-bottom: 1px dotted #cfe798
}

.gmenu a:hover {
    color: #4e5901;
    border-bottom: 1px dotted #e3f0c5
}

.rmenu {
    color: var(--shared-color-16);
    background-color: var(--shared-background-color-22);
    background-repeat: var(--shared-background-repeat-1);
    background-position: var(--shared-background-position-1);
    padding: var(--shared-padding-13);
    border: var(--shared-border-16)
}

.rmenu a {
    color: #770202;
    border-bottom: 1px dotted #cfe798
}

.rmenu a:hover {
    color: #410000;
    border-bottom: 1px dotted #e3f0c5
}
.list1 {
    background-color: var(--shared-background-color-16)
}
.list2 {
    background-color: var(--shared-background-color-24);
}
.dorew-form {
    background: var(--shared-background-7);
    text-align: var(--shared-text-align-2);
    margin-top: var(--shared-margin-top-4);
    margin-bottom: var(--shared-margin-bottom-2);
    padding: var(--shared-padding-13);
    font-size: var(--shared-font-size-9);
    color: var(--shared-color-17)
}
footer {
    color: #c9c9c9;
    background-color: #f1f1f1;
    background-repeat: repeat-x;
    background-position: 50%bottom;
    padding: 16px;
    align-items: center;
    text-align: center
}

main#wrapper {
    background-color: #f1f1f1;
    padding: 8px;
    border-bottom: 1px sollid #bcbcb
}

.dorew-brown {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-25) !important
}

.dorew-red {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-26) !important
}

.dorew-orange {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-27) !important
}

.dorew-schoolbus {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-28) !important
}

.dorew-yellow {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-29) !important
}

.dorew-green {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-30) !important
}

.dorew-blue {
    color: var(--shared-color-1) !important;
    background-color: var(--shared-background-color-31) !important
}

        .pagination {display: flex;align-items: center;}
        .pagination a, .pagination span {color: black;padding: 8px 16px;text-decoration: none;border: 1px solid #ddd;margin: 1 -1px;}
        .pagination span {background-color: #8cafc6;color: white;border: 1px solid #8cafc6;}
        .pagination a:hover {background-color: #8cafc6;color: #fff;border: 1px solid #8cafc6;}
        .pagination a:first-child {border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
        .pagination a:last-child {border-top-right-radius: 5px;border-bottom-right-radius: 5px;}
        .pagination span {background-color: #8cafc6;color: white;border: 1px solid #8cafc6;}