#msgdiv{ color: #E00; font-size: 30px; text-align: center; background: rgba(255,255, 255, 0.8); width: 600px; padding: 20px; border-radius: 10px; display:none;}
#logindiv {max-width: 800px; min-width:610px; border-radius: 5px; border: 1px solid #FFF; background: #003; color: #FFF; margin: 0px 0px 20px 0px; padding: 5px; }
.tree{ width: 1280px; margin: 0; padding: 0;  text-align: left;  display: none;}
.tree details, div{ display: block; position: relative; margin-left : 22px; line-height: 28px;}
.div02 {max-width: 800px; min-width:610px; border-radius: 5px; border: 1px solid #FFF; background: #003; color: #FFF; margin: 20px 0 0 0; padding: 5px; height: 28px; overflow: hidden; }
.div02:hover {height: auto;}

.divskori {color: #FFF; margin: 0px 0 0 0; font-size: 10px; height: 12px;}
 button{position: relative; top: 0px; width: 40px; height: 27px; overflow: hidden; font-size: 10px; 
		vertical-align: top;	box-shadow: inset -2px -2px 2px #777; background-color: #ccc; border-radius: 5px; border: 1px solid black;}
.gombok {position: absolute; vertical-align: top; right: 10px;}
.gomb1:hover {box-shadow:inset -2px -2px 2px #900; background-color: #f44;}
.gomb2:hover{box-shadow: inset -3px -3px 2px #22aa22; background-color: #22FF22;}
.gomb3:hover{box-shadow: inset -3px -3px 2px #aaaa22; background-color: #FFFF22;}
.gomb4:hover{box-shadow: inset -3px -3px 2px #2233bb; background-color: #2299FF;}
.tree details > summary::marker { color: #000; content: '\00A0\229E\00A0'; /* font-size: 18px; vertical-align: middle; */}
.tree details[open] > summary::marker { content: '\00A0\229F\00A0';}
.tree details[open] > summary {list-style-type: '\00A0\229F\00A0'; color:#F00; border: 1px solid black; border-radius: 10px; font-weight: bold;	}
.tree details[open] > summary:hover {color:#EEF; }
.tree summary:hover {color:#EEF; background: rgba(120,120, 120, 0.7); border: 1px solid black;}
.tree details > summary {list-style-type: '\00A0\229E\00A0'; background: rgba(255,255, 255, 0.9);}
.tree div {color: #00A; background: rgba(255,255, 255, 0.7);}
.tree div:hover  {color: #FFD; background: rgba(120,120, 120, 0.7); border-radius: 10px; border: 1px solid black;}
.tree div:before {content: '\00A0\25B7\00A0'; }
html, .noselect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.noclick {pointer-events: none;}
.mail {display:none;}
.link1 {margin: 0px 20px 0px 20px;}
h1 {color:  #FFF; font-family: "Times New Roman", Times, serif;}
hr {border: 1px solid rgba(192,192, 255, 0.5);  width: calc(100% - 100px);}

body {font-size: 20px; font-family: Arial, Helvetica, sans-serif; background-image: url("code.jpg"); margin: 0; height: 100%;  color: #000; background-color: #000;
      background-position: center; background-repeat: no-repeat; background-size: cover;   background-attachment: fixed;}
  
a {color: #FF2;}
/* \229E \229f \2295 \2296*/
.vd {margin: 10px 30px 0 30px; width: 240px; height: 164px; border: 1px solid white; border-radius: 8px;}	
#videodiv {position: fixed; top: 0;  left: 0; width: calc(100% - 2px); height: calc(100% - 2px);  
		border: 1px solid #F00; margin: 0px; color: #CCC; text-align: center; display: none;
           background-color: #310; background-position: center; background-repeat: no-repeat; 
		   background-size: cover;   background-attachment: fixed; background-image: url('tigris.jpg'); overflow: hidden; }	   
#video    {position: absolute; left: 0; top: 30px; height: calc(100% - 40px); width: 100%; display: block;}
#videobuttons{position: absolute; right: 2px; top: 2px; width: auto; text-align: right; word-spacing: -4px;}
.videobutton{position: relative; margin: 0; padding: 0; width: 26px; height: 24px; vertical-align: top;}
#chkbox1 {position: relative; margin: 0; padding: 0; width: 24px; height:24px;}
#videocim{text-align: left;}
#forgo{position: relative; vertical-align: top; border-width: 6px; border-color: #79f #ff3 #79f #ff3; border-style: solid; background-color: #000; width: 24px; height: 24px; 
	    border-radius: 50%; transition-timing-function: linear; transition-duration: 600ms; transition-property: transform; box-sizing: border-box;}
#msg1{margin: 0;}
#msg2{margin: 0; height: 30px;}
.div01 {font-size: 12px; width: 99%;}
#rf{width: 18px; height: 18px; vertical-align: bottom;}
#nme, #pw {background: #DFF;}
#emaillink {font-size: 20px; text-decoration: none;}
#filelist {margin-left: -24px;}
#openall  {position: fixed; left: 8px; top: 8px; z-index: 200;}
#closeall{position: fixed; left: 8px; top: 33px; z-index: 201;}