/* ������������������ generals ������������������ */
h3.item_caption{
/* background-color:#f0f8ff; */
background-color:#e0f1ff;
padding:1em 0 1em 0.8em;
letter-spacing:0.3em;
margin:2em 0 0.5em 0;
font-size:120%;
font-weight:bolder;
text-align:center;
width:100%;
}
em{
margin-right:0.2em;
}
strong{
}
hr{
color:#6495ed;
}
ul,ol{
margin-top:0;
margin-bottom:0;
}
p{
text-indent:1em;
}
/* ������������������ topindex ������������������ */
.preface{
font-size:110%;
margin:0em 5% 1em 5%;
}
.topindex_title{
font-size:110%;
color:#000000;
background-color:#c0c0c0;
text-align:center;
font-weight:bolder;
position:relative;
top:0.8em;
margin-left:15%;
margin-right:15%;
padding:0.2em 0;
}
.topindex{
font-size:110%;
font-weight:bold;
line-height:1.6em;
background-color:#eeeeff;
border:double 1px #ccccff;
padding:1em;
}
/* ������������������ specials ������������������ */
.em1{
color:#ff0000;
font-weight:bold;
font-size:140%;
margin-left:0.05em;
margin-right:0.05em;
}
.em2{
color:#800000;
font-weight:bold;
font-size:140%;
margin-left:0.05em;
margin-right:0.05em;
}
div.item{
/* border:solid 1px #00ffff; */
border:solid 1px #44eeff;
padding:1em;
font-size:112%;
font-family:monospace;
}
.example{
text-indent:0;
margin-left:2em;
font-family:monospace;
}
.additional_caption{
background-color:#f0cfff;
margin:auto;
font-weight:bolder;
text-align:center;
margin-bottom:0.5em;
}
.additional_subcaption{
text-align:center;
font-weight:bold;
border-bottom:dashed 1px #a0a0a0;
margin-bottom:0.5em;
margin-left:auto;
margin-right:auto;
}
div.additional_example{
margin-bottom:1em;
padding:1em;
border:dashed 2px #c0c0c0;
font-family:monospace;
}
.paraphrase{
font-weight:normal;
margin-left:2em;
}
.qus{
margin:0 0 0.5em 0.5em;
font-size:95%;
display:inline-block;
text-indent:-3.5em;
padding-left:3.5em;
}
li.right{
color:#ff00ff;
font-weight:bold;
font-style:italic;
}
.right_ans{
font-size:130%;
margin:0 0.1em 0 0.1em;
color:#ff00ff;
font-style:italic;
}
li.wrong{
color:#800000;
font-weight:bold;
font-style:italic;
}
.wrong_ans{
font-size:130%;
margin:0 0.1em 0 0.1em;
color:#800000;
font-style:italic;
}
.fair{
color:#808000;
font-weight:bold;
font-style:italic;
}
.fair_ans{
font-size:130%;
margin:0 0.1em 0 0.1em;
color:#808000;
font-style:italic;
}
.totoplist{
text-align:center;
font-size:88%;
}
.gotoitemtop{
text-align:center;
font-size:88%;
}
.comment{
font-family:normal;
font-size:88%;
margin-left:2em;
}
/* ������������������ css for mobile device ������������������ */
/* 414 x 736 (iphone's standard screen size???) */
/* 768 x 1024 (tablet's standard screen size???) */
	@media (max-width:770px){
	h1,h2,h3,h4,h5{
	font-size:100%;
	}
	p{
	text-indent:0em;
	}
	.preface{
	margin:0em 1% 1em 1%;
	}
	.example{
	margin-left:0em;
	}
	.item_caption:before{
	content:"-";
	}
	.item_caption:after{
	content:"-";
	}
	.qus{
	margin-left:-1em;
	}
	li.wrong{
	margin-left:-1em;
	}
	li.right{
	margin-left:-1em;
	}
	li.fair{
	margin-left:-1em;
	}
	.note{
	width:100%;
	text-align:left;
	}
}