@media (prefers-color-scheme: dark) {
    body {
        background-color: black;
        color: white;
    }
	
div span {
color:#009900;
}
div span span{
color:#FF3333;
}

a{
color:#FFF;
}

#topban{
	background-color:#222;
	color:#FFF;
	border-bottom:#555 solid 1px;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 10px 10px -10px;
}
topmenu{
background: rgba(10,10,10, 0.9);
color:#fff;
}
topmenu_c a{
padding:16px 20px 16px 20px;
color:#fff;
}
topmenu_c ul li ul li:hover { background: #333; }

topmenu_c a:hover { /*background-color: #000000;*/ background: rgba(100,100,100, 0.5); }

topmenu_c ul ul li {
  background: rgba(50,50,50, 0.9);
}
@media all and (max-width: 900px) {
topmenu{
background: rgba(255,255,255, 0.0);
}
topmenu_c a{
color:#fff;
}
.toggle {
	color:#fff;
}
.toggle:hover { /*background-color: #000000; */}

[id^=drop]:checked + ul { color:#fff; }
topmenu_c ul li {
  background: rgba(50,50,50, 0.9);
}
topmenu_c a:hover,topmenu_c li .toggle:hover,
 topmenu_c ul ul ul a { background-color: #333; }

topmenu_c ul li ul li .toggle,
 topmenu_c ul ul a,topmenu_c ul ul ul a { background-color: #222;color:#fff; }


}
#banner{
background:#333;
border-bottom:#F5F5F5 solid 1px;
}
#mban{
background-color:#333;
color:#FFFFFF;
box-shadow: rgba(0, 0, 0, 0.45) 0px 2px 2px -2px;
}
#bot{
background-color:#333;
color:#FFFFFF;
}
#copy{
color:#FFFFFF;
background-color:#222;
border:#000000 solid 0px;
}
#copy_c a{
color:#FFFFFF;
}
#mainbox{
background-color: #000;
}
#bsbox{
background-color:#333;
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);
color: white;
text-shadow: 2px 2px 4px #000000;
}
#bsbox .logo{
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
.imgbox{
background-color:#333;
-webkit-box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
box-shadow: 1px 26px 16px -9px rgba(0,0,0,0.75);
}	
.imgbox div{
background-color:#000000;
color:#FFFFFF;
}
.cnt{
color:#333333;
}
.spons{
background-color:#CCCCCC;
}
.cbox{
background-color:#CCCCCC;
-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 2px rgba(255, 255, 255, 0.7);
}
.cbox .lbox{
background-color:#333;
border:#333 solid 1px;
}
.cbox .lbox div{
color:#03c7a9;
}
.cbox:hover{
background-color:#666;
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
}
.cbox .lbox:hover{
background-color:#777;
border:#777 solid 1px;
}
.vlbox{
background-color:#222;
border:#111 solid 1px;
color:#ccc;
}
.vlbox .valbox{
background-color:#000;
}
.pimg{
box-shadow: rgba(255, 255, 255, 0.8) 0px 10px 10px -10px;
}
.infobox{
background-color:#222;
color:#fff;
-moz-box-shadow: 0 0 2px rgba(150, 150, 150, 0.9);
-webkit-box-shadow: 0 0 2px rgba(150, 150, 150, 0.9);
box-shadow: 0 0 2px rgba(150, 159, 150, 0.9);
}
.infobox:hover{
-moz-box-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
-webkit-box-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
box-shadow: 0 0 3px rgba(255, 255, 255, 0.7);
}
.infobox .heading{
	color:#eee;
}
.infobox .logo{
background-color:#222;
}
.infobox .logo img{
box-shadow: rgba(255, 255, 255, 0.8) 0px 10px 10px -10px;
}
.infobox .info .t1{
color:#fff;
}
.infobox .info .t3{
background-color:#333;
}
.infobox .info .t3 div{
	color:#eee;
}

.infobox .info .ll{
color:#ccc;
}
.rewbox div{
background:#222;
color:#FFFFFF;
}
.dinfobox{
background-color:#FF0033;
color:#FFFFFF;
text-shadow:1px 1px #333;
}
.txtr{
color:#fff;
}
input, select, textarea {
    border: 1px solid #555;
	background-color: #222;
	color:#ccc;
}

.button {
    background-color: #006699;
    color: white;
}
.button:hover {
background-color:#0066FF;
}
.button1 {
    background-color: #FF6600;
    color: white;
}
.button1:hover {
background-color:#FF9966;
}
.button2 {
    background-color: #006699;
    color: white;
}
.button2:hover {
background-color:#0066FF;
}

.heading1 h1 span{
color:#009900;
}
.frmbox{
box-shadow: rgba(155, 155, 155, 0.25) 0px 1px 1px, rgba(155, 155, 155, 0.13) 0px 0px 1px 1px;
}
.hbox .hboxtitle{
background-color:#222;
border:#333 solid 1px;
}
.hbox .hboxtitle h1{
color:#fff;
}
.hbox .hboxtitle h1 span{
color:#fff;
}
.hbox .box{
background-color:#333;
border:#333 solid 1px;
}

.utbox{
color:#fff;
}

.flderror {
	color: #FFFFFF;
	background-color: #CC0000;
	border: 1px solid #330033;
	-webkit-box-shadow:0 0 10px #ccc;
	-moz-box-shadow:0 0 10px #ccc;
	box-shadow:0 0 10px #ccc;
}
.greenbox {
	background-color:#006699;
	color:#FFFFFF;
	border: 1px solid #003399;
}

.redbox{
	background-color:#FF0000;
	color:#FFFFFF;
	border: 1px solid #CC0000;
}
.s_link {
	color: #ccc;
}
.progressbar {
	color:#ccc;
	background-color: #222;
	border: 3px solid #444;
}
.msg-box {
	color: #fff;
	background-color:#006699;
	border: 3px solid #FFFFFF;
	box-shadow: rgba(0, 0, 0, 0.45) 0px 20px 20px;
}
#dialog-overlay {
        background:#000;
    }
	#dialog-box {
         -webkit-box-shadow: 0px 0px 4px rgba(155, 155, 155, 0.9);
        -moz-box-shadow: 0px 0px 4px rgba(155, 155, 155, 0.9);
        -moz-border-radius: 1px;
	background-color: #111;
    }
	#dialog-boxtitle {
	color: #ccc;
	background-color: #222;
	border-bottom: #333 solid 1px;
}
#dialog-boxtitle #boxtitle{
color:#fff;
}
    #dialog-box .dialog-content {
        color:#ccc;
    }

.dtable{
background-color:#333;

}
.dtable th{
color:#FFFFFF;
}
.dtable td{
border-bottom:#CCCCCC solid 1px;
}
.table {
  border: 1px solid #222;
}

.table tr {
  background-color: #333;
  border: 1px solid #111;
}
.table tr:hover{
background-color: #222;
}
.table a{
color:#fff;
}
.table a:hover{
color:#cc3300;
}
.polink{
background:#FFCCFF;
}
.polink2{
background:#FF6633;
color:#FFFFFF;
}
.widget{
border-bottom:#555 solid 1px;
}

}