@font-face {
  font-family: Gilroy;
  src: url(Gilroy-Regular.ttf);
}

img {border:none;}
* {outline:none;}

body {
  margin: 0;
  padding: 0;
  background-color: black;
  background-image: url('../images/newstartBG.png'); 
  background-size: cover;          
  background-repeat: no-repeat;  
  background-position: center;           
}

#main {
  margin: 38px auto;
  width: 762px;
  border: 2px solid black;
  min-height: 700px;
  position: relative;
  display: block;
}
#main  #header {
  background:url(../images/header1.png);
  width:760px;
  height:141px;
  border: 1px solid white;
}
#main #title {
  background: url(../images/title.png);
  height: 27px;
  background-repeat: repeat-x;
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  z-index: 3;
  position: relative;
  border-left: 1px solid white;
  border-right: 1px solid white;
}
#main  #title ul {
  margin:0;
  padding-top:8px;
  padding-right:20px;
  text-align:center;
  font-size:12px;
  font-family:Gilroy;
}
#main  #title ul li {
  display:inline-block;
  padding-right:10px;
}
#main  #title ul li a {
  text-decoration:none;
  color:white;
}
#main  #title ul li a:hover {
  color:#F00;
}
#main  #title ul li a.active {
  color:black;
  font-family:Gilroy;
  font-style:Bold;
}
#main #body {
  width: 762px;
  background: #d4d2d3;
  min-height: 531px;
  margin: 0px auto;
}
#main  #body table,tr,td {
  color:red;
}
#main  #body a {
  text-decoration:none;
}
#main  #body a:hover {
  color:#F00;
}
/* All Body Title */
#main  #body  #left {
  float:left;
  color:white;
  width:337px;
  font-family:Gilroy;
  font-size:12px;
  text-align:left;
}
#main  #body  #right {
  float:right;
  color:white;
  width:378px;
  font-family:Gilroy;
  font-size:12px;
  text-align:left;
}
#main  #body  #center {
  clear:both;
  color:black;
  width:760px;
  font-family:Gilroy;
  font-size:12px;
  text-align:left;
}
#main  #body  #left  #bg_left_l {
  background:url(../images/new_left_l.png);
  width:13px;
  height:30px;
  float:left;
}
#main  #body  #left  #bg_left_r {
  background:url(../images/new_left_r.png);
  width:8px;
  height:30px;
  float:right;
}
#main  #body  #left  #bg_center_l {
  background:url(../images/new_center.png);
  background-repeat:repeat-x;
  width:300px;
  height:30px;
  padding-top:12px;
  padding-left:16px;
  margin-left:13px;
  margin-right:8px;
}
#main  #body  #right  #bg_right_r {
  background:url(../images/new_right_r.png);
  width:13px;
  height:30px;
  float:right;
}
#main  #body  #right  #bg_right_l {
  background:url(../images/new_right_l.png);
  width:8px;
  height:30px;
  float:left;
}
#main  #body  #right  #bg_center_r {
  background:url(../images/new_center.png);
  background-repeat:repeat-x;
  width:341px;
  height:30px;
  padding-top:12px;
  padding-left:16px;
  margin-right:13px;
  margin-left:8px;
}
#main  #body  #center  #bg_left_c {
  background:url(../images/new_left_l.png);
  width:13px;
  height:30px;
  float:left;
}
#main  #body  #center  #bg_right_c {
  background:url(../images/new_right_r.png);
  width:13px;
  height:30px;
  float:right;
}
#main  #body  #center  #bg_center_c {
  background:url(../images/new_center.png);
  background-repeat:repeat-x;
  width:718px;
  height:30px;
  padding-top:12px;
  padding-left:16px;
  margin-right:13px;
  margin-left:13px;
  color: white;
}
/* Title All Body */
#main  #body  #left  #bg_left_down {
  background:url(../images/body_left2.png);
  background-repeat:repeat-y;
  margin-left:18px;
  margin-top:-9px;
  padding-left:10px;
  padding-right:18px;
  padding-top:5px;
  color:black;
}
#main  #body  #left  #bg_left_down table, tr, td {
  font-size:12px;
  color:black;
}
#main  #body  #right  #bg_right_down {
  background:url(../images/body_right2.png);
  background-repeat:repeat-y;
  margin-left:11px;
  margin-top:-9px;
  padding-left:10px;
  padding-right:25px;
  padding-top:5px;
  color:black;
}
#main  #body  #right  #bg_right_down table, tr, td {
  font-size:12px;
}
#main #body #center #bg_center_down {
  background: url(../images/body_center2.png);
  background-repeat: repeat-y;
  margin-left: 22px;
  margin-top: -9px;
  padding-left: 3px;
  padding-right: 2px;
  padding-top: 5px;
  color: black;
  width: 710px;
}
/* All Body People Left */
#main  #body  #left  #bg_left_down  #people {
  background:url(../images/bk.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  width:300px;
}
#main  #body  #left  #bg_left_down  #people form {
  margin:0;
  padding:0;
}
#main  #body  #left  #bg_left_down  #people form input[name=login_username],
#main  #body  #left  #bg_left_down  #people form input[name=login_password],
#main  #body  #left  #bg_left_down  #people form input[name=Submit] {
  border:1px solid #749493;
  color:white;
  text-align:center;
  background-color:#2a2a2a;
  font-size:12px;
  font-family:Gilroy;
  width:150px;
}
#main  #body  #left  #bg_left_down  #people form input[name=login_username]:focus,
#main  #body  #left  #bg_left_down  #people form input[name=login_password]:focus {
  color:brown;
  border:1px solid brown;
}
#main  #body  #left  #bg_left_down  #people form input[name=Submit]:hover {
  border:1px solid red;
  color:red;
}
#main  #body  #left  #bg_left_down  #people a {
  color:black;
  font-size:11px;
  text-decoration:none;
}
#main  #body  #left  #bg_left_down  #people a:hover {
  color:red;
}
/* Right Section (Elf) */
#main  #body  #right  #bg_right_down  #people1 {
  background:url(../images/elfe.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  width:340px;
  font-size:11px;
}
#main  #body  #right  #bg_right_down  #people1 td {
  padding-left:2px;
}
#main  #body  #right  #bg_right_down  #people1 a {
  color:#ffdc71;
  text-decoration:none;
}
#main  #body  #right  #bg_right_down  #people1 a:hover {
  color:red;
}
/* Download Page Right */
#main  #body  #right  #bg_right_down  #text ul {
  margin:0;
  padding-left:10px;
}
#main  #body  #right  #bg_right_down  #text ul li a {
  color:#ffdc71;
  text-decoration:none;
}
#main  #body  #right  #bg_right_down  #text ul li a:hover {
  color:red;
}
/* Download Page Left */
#main  #body  #left  #bg_left_down  #text a {
  color:#ffdc71;
  text-decoration:none;
}
#main  #body  #left  #bg_left_down  #text a:hover {
  color:red;
}
/* Register (Elf With Wind Center) */
#main  #body  #center  #bg_center_down  #people_elf {
  background:url(../images/elfe.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  width:710px;
  font-size:12px;
}
#main  #body  #center  #bg_center_down  #people_elf form {
  margin:0;
  padding:0;
}
#main  #body  #center  #bg_center_down  #people_elf form input {
  border:1px solid #749493;
  color:black;
  text-align:center;
  background-color:#2a2a2a;
  font-size:12px;
  font-family:Gilroy;
  width:150px;
}
#main  #body  #center  #bg_center_down  #people_elf form input:hover {
  border:1px solid black;
}