xbody{background-size:auto 100%; background-position:absolute; background-image:linear-gradient(to top left, #a8ee5c 40%, #ffffff 60%); padding:0px;height:100%; text-align:center; }
::-webkit-scrollbar{width:0.7em;height:0.8em;background-color:#ff0000;}
::-webkit-scrollbar:hover{background-color:#ddd}
::-webkit-scrollbar-thumb{min-height:0.8em;min-width:1em;background-color:#ddd}
::-webkit-scrollbar-thumb:hover{background-color:#bbb}

#frame{display:none; position:fixed; z-index:998; top:0;left:25%; width:50%; height:100%;  border:00px dashed red; clear:both;opacity:1;}

#frame2{display:block; position:fixed; z-index:999; top:0;left:0%; width:100%; height:100%;  border:00px solid blue; opacity:1; clear:both;}

#closex{display:none; position:fixed; z-index:999; top:0;right:25%; float:right; color:red; border:1px solid red; padding: 0 8px;background:#ffffff; cursor:pointer;}
#operator, #operator2{display:block; position:fixed; bottom:0;right:0;padding:12px;  z-index:9999;}
#operator img{border-radius:50%;}
#operator2 img{border-radius:50%;background:red;}