@font-face {font-family:'方正藏体简体';src:url('方正藏体简体.ttf');}
#calendar{
        width: 100%;
		font-family:'方正藏体简体';
}
	  
@media only screen and (max-width:639px ) {
			body{font-size:x-small;
			margin:0;padding:0;}
			.narrow{display:}
			.wide{display:none}
}

@media only screen and (min-width:640px ){
		.narrow{display:none}
		.wide{display:}

}
		
@media only screen and (max-width:1023px ){
		.day2{font-size:0.85em;}
		.day3{font-size:0.8em}

}

@media only screen and (min-width:1024px ){
		.day2{font-size:1em}
		.day3{font-size:0.5em}
}
		
		th{width:7em}
		select{font-size:1.1em}
		.right{text-align:right;}
		.left{text-align:left;}
		
		/*
		border:1px solid blue;
		border:1px solid red;
		border:1px solid yellow;
		border:1px solid red;
		*/
		
		
		.r{float:right;top:0;right:0;}
		.l{float:left:top:0;left:0;}

		.center{text-align:center}
		.day{font-size:1.2em}
		.day0{font-size:1em}
		.day1{font-size:1.3em}
		.day4{font-size:2em}
		.month{color:darkred;/*text-shadow: 0 0 2px orangered;*/ }
		.month1{color:red}
		.lunareclipse{background-color:#aaaaff}
		.solareclipse{background-color:#ffaaaa}