@font-face{font-family:Century Gothic, sans-serif;font-style:normal;font-weight:400;}
body{background-color:#003A1E;font-size:14px;color:#eee;margin:0;padding:0;font-family:Century Gothic, sans-serif;height:100%;width:100%;min-width:800px;position:relative;overflow:disabled;}
#parent{padding:0 auto;width:1100px;margin:9% auto;padding:15px;}
#kotakLogin{  width: 340px;
  background-color: #1ea167;
  border-radius: 5px;
  padding: 20px;
  background-image: -webkit-linear-gradient(90deg, #168d59, #1ea167);
  position: absolute;
  left: 70%;
  top:30%;
  width: 340px;
  height: 330px;
  margin-left: -170px;
  box-shadow: 2px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 0px 2px rgba(0, 0, 0, 0.5);}
#kotak{position: absolute;width:550px;height:370px;top:30%;float:left;background:rgba(0, 0, 0, 0.6);border-radius:3px;color:#7e7975;box-shadow:0 2px 1px rgba(0,0,0,0.2),
0 1px 1px rgba(0,0,0,0.2),
0 0 0 1px rgba(255,255,255,0.5);}
input.login{
  outline: none;
  width: 335px;
  height: 40px;
  display: block;
  background: #138050;
  border: 1px solid #0d6b42;
  margin: 0;
  padding: 10px 15px;
  font-size: 15px;
  border-radius: 5px;
  color: #F0FF00;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.4);
  text-shadow: 2px 2px 0px rgba(255, 255, 255, 0.2) inset, 0px 0px 2px rgba(2, 0, 0, 0.5);
}
hr.login{width:94%;border-color:#006634;size:2px;}
a.login{text-decoration:underline;}
.tombol7{  margin: 0;
  display: block;
  padding: 13px 0;
  width: 335px;
  font-size: 13px;
  font-weight: bold;
  border: 0;
  text-shadow: 0px 1px 0px rbga(255, 255, 255, 1);
  background-color: #f6ba35;
  background-image: -webkit-linear-gradient(90deg, #eca418, #ffcd4e);
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}
.tombol7:hover{  background-color: #f6ba35;
  background-image: -webkit-linear-gradient(90deg, #FFA800,#FFCD06);
  border-radius: 5px;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}
.tombol7:active{position:relative;top:1px;}
@media all and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (max-width:600px), only screen and (min-resolution:192dpi) and (max-width:600px), only screen and (min-resolution:2dppx) and (max-width:600px){#kotak{float:none;height:100px;width:450px;top:50px;}
#myiframe{display: none}
#kotak{display: none}
#kotakLogin{margin-top:80px;position:absolute;}