@charset "utf-8";

body.dark {
    --white: #fff;
    --black: #000;

    --color1: #111;
    --color2: #1b1b1b;
    --color3: #1f1f1f;
    --color4: #2e2e2e;
    --color5: #333;
    --color6: #464646;
    --color7: #484848;
    --color8: #5d5d5d;
    --color9: #7d7d7d;
    --color10: #888;
    --color11: #bbb;
    --color12: #ccc;
    --color13: #ddd;
    --color14: #dfdfdf;
    --color15: #eee;
    --color16: #f5f5f5;
    --color17: #fafafa;

    --rgb1: rgba(0, 0, 0, 0.5);
}
body {
    --white: #64635d;
    --black: #fff;

  /*  --color1: #111;
    --color2: #1b1b1b;
    --color5: #333;
    --color9: #7d7d7d;
    --color10: #888;
    --color11: #bbb;
    --color12: #ccc;
    --color13: #ddd;
    --color14: #dfdfdf;
    --color15: #eee;
    --color16: #f5f5f5;
    --color17: #fafafa;
*/
    --color2: #fff;
    --color3: #fff;
    --color4: #fafafa;

    --color6: #e7e6e2;
    --color7: #dedede;
    --color8: #dedede;
    --color10: #1b1b1b;
    --color11: #1b1b1b;
    --color12: #888;
}

.custom-switch { background-color: #e49c12; display: flex; justify-content: center; align-items: center; cursor: pointer; padding: 0.15em; border-radius: 10em; gap:0.3em; }
.custom-switch i { width: 1.875em; height: 1.875em; display: block; border-radius: 10em; vertical-align: top; }
.custom-switch i img { width: 100%; vertical-align: top; }
.custom-switch .sun { padding: 0.15em; }
.custom-switch .sun { background-color: #fff; }
.custom-switch .sun img { filter: invert(59%) sepia(95%) saturate(409%) hue-rotate(360deg) brightness(91%) contrast(98%); }
.custom-switch .moon { padding: 0.3em; }
.custom-switch .moon img { filter: invert(1); }
.attend_box { background: url(/img/attend_bg_w.png) no-repeat center top/100%; }
.dark { color: #fff; }
.dark .custom-switch .moon { background-color: #fff; }
.dark .custom-switch .moon img { filter: invert(59%) sepia(95%) saturate(409%) hue-rotate(360deg) brightness(91%) contrast(98%); }
.dark .custom-switch .sun { background-color: transparent; }
.dark .custom-switch .sun img { filter: invert(1); }
.dark .attend_box { background: url(/img/attend_bg.png) no-repeat center top/100%; }

.tab-container { display: flex;gap: 20px; }
.tab-box { background:#fff;flex: 1;border: 1px solid #ddd;padding:10px;border-radius:10px;color:#282828; }
.tab-menu { display: flex;/*border-bottom: 1px solid #ddd;*/margin: 0;padding: 0;list-style: none; }
.tab-menu li { flex: 1;text-align: center;padding: 8px 0;cursor: pointer;font-weight: bold;font-size: 14px;/*border-right: 1px solid #ddd;*/color: #aaa; }
.tab-menu li:last-child { border-right: none; }
.tab-menu li.active { /*background-color: #f0f0f0;*/color: #000; }
.tab-content { display: none;padding: 10px; }
.tab-content.active { display: block; }
.tab-content ol { margin: 0;padding-left: 0px; }
.tab-content li { font-size: 14px;margin: 4px 0; }

.tab-content li a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.vstyle { font-size:14px;padding: 10px !important; }

@media all and (max-width:991px) {
.tab-container { flex-direction: column;gap: 10px; }
.tab-box { padding:0px; }
}