* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
body 
{ 
	font-family:' jejugothic'; 
	background-color:#ffffff;
}
header { 
	width: 100%; 
   padding-bottom:36px;
    
}
i {padding-right:5px;}
.nav-bar 
{ 
	display: none; 
}
.top-bar-dark{ 
 opacity:0.9;
 width:1100px;
margin:0 auto;

z-index:999;
}
header nav {

  background: #3778a8;
  opacity:0.9;
  z-index: 1000;
  width: 1100px;
  margin:0 auto;
  position: fixed;
  top : 35px;

 }

header nav ul { list-style: none;
  float: right;
  margin: 0px;


}


header nav ul li a {
  color: #fff;
  display: block;
  padding: 20px;
  text-decoration: none;
  /* BAR TEXT SIZE */
  font-size: 14px;
  font-family: jejugothic;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

header nav ul li:hover {  }

header nav ul li:hover i { color: yellow; }

header nav ul li i {  }

header nav ul li:hover .children { display: block; }

header nav ul li .children {
  display: none;
  background: #8e44ad;
  position: absolute;
  z-index: 1000;
}



header nav ul li .children li a { margin-left: 0px; }

header nav ul li .fa-angle-down {
  position: relative;
  top: 0px;
}


#nav ,
header nav ul,
header nav li,
header nav a {
  border: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
header nav {
  display: block; 
  margin: 0;
  padding-right:60px;
  border-radius:0px 0px 5px 5px;

}
header nav > ul {
  list-style: inside none;
  margin: 0;
  padding: 0;
      
}
header nav > ul > li {
  list-style: inside none;
  float: left;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#nav .align-center > ul {
  text-align: center;
}
#nav .align-center > ul > li {
  float: none;
  margin-left: -3px;
}
#nav .align-center ul ul {
  text-align: left;
}
#nav .align-center > ul > li:first-child > a {
  border-radius: 0;
}
header nav > ul > li > a {
  outline: none;
  display: block;
  position: relative;
  text-align: left;
  text-decoration: none;
  

}

header nav > ul > li > a:after {
  content: "";
  position: absolute;
  
}
header nav ul li.has-sub:hover > a:after {
  top: 0;
  bottom: 0;
}
header nav > ul > li.has-sub > a:before {
  content: "";
  position: absolute;
 
}
header nav > ul > li.has-sub:hover > a:before {
  top: 19px;
}
header nav > ul > li.has-sub:hover > a {
  padding-bottom: 14px;
  z-index: 999;
  border-color: #3f3f3f;
}
header nav ul li.has-sub:hover > ul,
header nav ul li.has-sub:hover > div {
  display: block;
}
header nav > ul > li.has-sub > a:hover,
header nav > ul > li.has-sub:hover > a {

}
header nav ul li > ul,
header nav ul li > div {
  display: none;
  width: auto;
  position: absolute;
  top: 55px;
  background: #3f3f3f;
  border-radius: 0 0 5px 5px;
  z-index: 999;
  padding: 10px 0;
}
header nav ul li > ul {
  width: 170px;
}
header nav ul ul ul {
  position: absolute;
}
header nav ul ul li:hover > ul {
  left: 100%;
  top: 0px;
   border-radius: 0 0 5px 5px;
}
header nav ul li > ul li {
  display: block;
  list-style: inside none;
  position: relative;
  margin: 0;
  padding: 0;
}
header nav ul li > ul li a {
  outline: none;
  display: block;
  position: relative;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 8px 20px;
}
#nav ,
header nav ul ul > li:hover > a,

header nav > ul > li > a:hover {
  background: #080808;
  color: #ffffff;
}
header nav ul ul a:hover {
  color: #ffffff;
}
header nav > ul > li.has-sub > a:hover:before {
  border-top: 5px solid #ffffff;
}


/*responsive nav style*/

@media all and (max-width: 800px) {

body { padding-top: 60px; }
header { 
width: 100%; 
   padding-bottom:0px;
}
.top-bar-dark{
	 display: none; 
}



header nav {
  z-index:1001;
	opacity:1;
  display: block; 
  margin: 0;
  padding-right:0px;
  
}
.nav-bar {
opacity:0.9;
  display: block;
  width: 1100px;
  position: fixed;
  top: 0;
  background: #3c5ea4;
  z-index:1001;
}

.nav-bar span {
  font-family: jejugothic;
  float: left;
  font-size: 18px;
  padding: 15px;
  color: #fff;
}

.nav-bar .fa-bars {
  display: block;
  padding: 15px;
  margin-right: 30px;
  color: #fff;
  overflow: hidden;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  float: right;
}

header nav {
 
  width: 65%;
  height: auto;
  position: absolute;
  right: 100%;
  top : 60px;
  overflow: hidden;
 height:200%;
   float: left;
}

header nav ul { list-style: none;
padding:5px;
  margin: 0px;
  display: block;
}

header nav ul li {
  display: block;
  border-bottom: 1px solid rgba(255, 255, .5);
  width: 100%;
}

header ul li a { display: block; }

header nav ul li .children {
  width: 100%;
  position: relative;
  overflow: hidden;
  display: none;
}
header nav ul li .has-sub {

  position: relative;
  overflow: hidden;

}
header nav ul li > ul {
  width: 100%;

}



header nav ul li:hover .children { display: none; }

header nav ul ul  li:hover > ul {
  left: 0px;
  top: 0px;
    position: relative;
  display: inline-block;
  color:#ffffff;
}



header nav ul li ul li .children2  { border-top: 1px solid #ffffff;

}

header nav ul li .children span {
 position: relative;
  display: inline-block;
  margin-right: 0px;
    margin-left: 30px;
}

header nav ul li .children a {
  margin-left: 20px;
  padding: 10px 0;

}

header nav ul li > ul,
header nav ul  li > div {

  position: relative;
  top: 0px;
  display: inline-block;
  padding: 5px 0;
}


header nav ul li .fa-angle-down {
  position: relative;
  top: 0px;
  padding-right:10px;
}

}

.f_copy {

  font-size:11px;
}

.notice
{
	font-size:12px;
}