css.css

@font-face
{
	font-family: 'gmongol';
	src:
		local('MWG3_demo'), 
		url('https://shenyileirob.github.io/hanshi/MWG3_demo.ttf') format('opentype');
}
a {
    text-decoration: none;
    color: #0645ad;
    /* background: none; */
}
a:hover, a:focus {
    text-decoration: underline;
}
a:active {
    color: #faa700;
}
.IPA
{
	font-family: 'Segoe UI';
	font-size: 15px;
}
.xlit
{
	font-family: 'Segoe UI';
	font-size: 15px;
	font-style: italic;
}
.code
{
	font-family: 'Courier New';
	font-size: 15px;
}
.gmongol
{
	font-family: gmongol;
	font-size: 32px;
	word-break:keep-all;/* 不换行 */
	white-space:nowrap;/* 不换行 */
/* 	-webkit-writing-mode: horizontal-tb;
	writing-mode: vertical-lr; */
}

.sidenav {
  /*
  width: 130px;
  */
  top: 0px;
  left: 0px;
  position: fixed;
  z-index: 1;
  background: #eee;
  overflow-x: hidden;
  padding: 5px 5px;
}
/*
.main {
  margin-right: 75px; /* reserved for sidenav
  padding: 0px 10px;
}
*/
.xlittb {
	display:none;
}
.xlitmongol {
	font-family: gmongol;
	text-align: left;
}
.xlitsmlcps {
	font-size: smaller;
	/*font-variant: small-caps;*/
	text-align: left;
}
.code_nav {
	text-align: right;
	font-family: "courier new";
	padding: 0px 0px 0px 5px;
/*  color: crimson;
  font-size: 105%;
  background-color: #fff;*/
}

.w3-input, .table_text, label
{
	padding: 0px 8px;
}
td
{
	padding: 0;
}
.rotate
{
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);

	/* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	/* Should be unset in IE9+ I think. */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
h1
{
	text-align:center;
}