body {
  margin: 0;
}

p {
  text-align: justify;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
/***********************************\
.dropdown>.dropdown-toggle:active {
  pointer-events: none;   // Add this, to prevent clicking dropdown's default click function
}
\***********************************/
.dropdown-menu {
   margin: 0;
}
.dropdown {
   padding: 5px 0 5px 0;
}

.nodrop {
  padding: 5px 0 5px 0;
}

#mymain {
  background-image: url("../img/ja01a.jpg");
  padding-top: 120px;
  height: 700px;
}

.mycont {
  padding-top: 80px;
}

#intro-box {
  width: 420px;
  padding: 10px 10px 0 10px;
  background-color: rgba(255,255,224,0.8);
  border: outset 3px #7777FF;
}

.bg-blu {
  background: linear-gradient(to bottom, rgba(177,204,254,1) 0%,rgba(50,116,241,1) 50%,rgba(7,85,234,1) 51%,rgba(94,149,241,1) 100%);
}

.mybtn {
  position: relative;
  border: none;
  box-sizing: border-box;
  z-index: 10;
  font-family: sans-serif;
  font-size: 22px;
  font-weight: bold;
  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgb(177,204,254) 0%, rgb(50,116,241) 50%, rgb(7,85,234) 51%, rgb(94,149,241) 100%) repeat scroll 0 0;
  background-origin: padding-box;
  border-radius: 10px;
}

.sep {
  background-color: #000000;
  height: 4px;
  margin: 6px 0 6px 0;
}

.ref {
  font-size: 16px;
  margin: 6px 0 2px 0;
}

.ver {
  font-size: 14px;
  border-left: 4px solid #999999;
  padding-left: 10px;
  margin: 2px 0 10px 0;
}

.pray {
  border-left: 3px solid #FFAAAA;
  padding-left: 10px;
  margin: 2px 0 10px 0;
  text-align: justify;
}

.keyb {
  background-color: #FFFFDD;
  border: 1px solid #77FF77;
  padding: 0 5px 0 5px;
}

footer {
  background-color: rgb(7,85,234);
  padding-top: 10px;
  color: #FFFFFF;
}

footer a {
  color: #FFFFBB;
}

footer a:hover {
  color: #FFFF00;
}

.clr { clear: both; }