.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
	  body{
		  background-color:#BFEFFF;
	  }
	  .u1-title{
		  padding:10px;
		  background-color:	#E8E8E8;
		  color:darkblue;
		  font-weight:bold;
		  letter-spacing:2px;
		  border:2px solid gray;
		  box-shadow:1px 1px 3px gray;
	  }
	  .u1{
		  margin-top:20px;
		  margin-bottom:20px;
	  }
	  .code{
		  border:2px solid gray;
		  width:80%;
		  margin-left:auto;
		  margin-right:auto;
		  padding:10px;
	  }
	  .u1-cnt{
		  margin-left:50px;
		  letter-spacing:2px;
		  line-height:1.6em;
	  }
	  .u1-stcnt{
		  color:darkblue; 
		  font-weight:bolder;
		  margin-left:10px;
		  letter-spacing:3px;
	  }
	  td{
		  border:1px solid gray;
	  }
	  img{
		  width:100%;
		  border:2px solid gray;
	  }
	  ol.pra > li{
		  margin-top:50px;
		  margin-bottom:20px;
	  }
	  .cnt{
		  color:darkblue;
		  font-weight:bolder;
	  }
	  .menunav{
		  list-style-type:none;	
		  line-height:3em;
		  padding:10px;
		  border-right:4px solid darkblue;
		  font-size:1em;
	  }
	  .menunav a{
		  text-decoration:none;
		  color:darkblue;
		  font-weight:bolder;
	  }
	  .menunav li{
		  white-space:nowrap;
		  overflow:hidden;
		  margin:0;
	  }
	  .menunav li:hover{
		  background-color:white;
	  }
	  .top-nav{
		  line-height:2em;l
	  }