@charset "utf-8";
/* CSS Document */
body{
	width: 90%;
	margin: auto;

}
h1::before{content: "# ";}
h2::before{content: "## ";}
h3::before{content: "### ";}
h1{
	text-align: center;
	color: darkblue
}
h2,h3{
	color: cornflowerblue
	}
ol>li{
	
	line-height: 1.5;
	border-bottom: 1px dashed #ccc;
	border-left: 3px solid #EB8080;
	padding-left: 10px;
	margin: 1em 0;
}
p{
	font-size: 1.2em;
}
ul>li{
	border-left: 3px solid #eb8080;
	padding-left: 10px;
	margin: 2px 0;
}
.pager a{
	border: 1px solid #e1e2e3;
	text-decoration: none;
	color: #3388FF;
	display: inline-block;
	width: 34px;
	height: 34px;
	text-align: center;
	line-height: 34px;	
}
.pager a:hover{
	border-color: #38f;
	background: #F2F8FF;
}
.pager a.selected{
	border: none;
	color: #000;
	background: initial;}
div .pager{padding: 2px 0;}
img{
			width: 100%;
			margin: 1em 0;
		}

.note{
    
}
.note table,tbody,thead{
width: 100%;
text-align: center;
}
.note th,td{
    padding: 10px;
}
.note td:nth-child(1){
    width: 15%;
}
.note td:nth-child(2){
    width: 30%;
}    
.note thead{
    background-color: brown;
    color: white;
}
.note td{
    border: 2px #fff;
}
.note tbody tr:nth-child(odd){
    background-color: #eee;
}
.note tbody tr:nth-child(even){
    background-color: #ddd;
}
.note tbody tr:hover{
    background-color: #ccc;
}


.sql{
    border-collapse: collapse; 
    font-size: 0.9em;
}
.sql tbody,.sql thead{
    font-family:"Times New Roman", "serif";
    text-align: center;              
}
.sql thead{
    background-color: #eee;
}
.sql th,.sql td{
    border: 1px solid #ccc;
    padding: 0 1em;
}

.sqlscript{
    margin: 5px 0;
    border:1px solid #000;
    background-color: #FFF498;
    padding: 1px 10px;
    font-size: 0.9em;
    color:black;
    text-transform: uppercase;
    line-height: 1.6em;
}

pre{
    font-size: 1.2em;
}