@media all {

	.deftd { width: 760px; }
	.defTop { padding: 5px; background-color: #ddf; border-radius: 10px; box-shadow: 6px 6px 3px #888; overflow: hidden; }
	.defMid { margin-top: 5px; padding: 20px; }
	.defBot { text-align: center; }

	.defDefOf { font-size: 12px; color: #888; font-style: italic; margin: 5px 0 10px 10px; }
	.defWord h1 { height: auto; font-size: 40px; float: left; margin: -40px 0 0 45px; padding: 8px 8px 0 15px; }
	.defPinYin { height: auto; font-size: 20px; float: left; margin: -20px 0 0 0; padding: 8px 8px 0 5px; }

	.defMore { float: right; margin: -5px 28px 5px 8px; font-size: 20px; }
	.defText { font-size: 16px; line-height: 24px; color: #000066; margin: 4px 8px 4px 8px; }
	.defImgLt { float: left; padding: 5px 16px 5px 5px; }
	.defImgRt { float: right; padding: 5px 5px 4px 16px; }
	.defSeeWord { float: right; padding: 15px 5px 5px 0px; font-size: 16px; font-style: italic; color: #003300; }

	.defFlash { border: solid 2px #cceeff; padding: 3px 3px 0 3px; display: table; margin: 0 auto; border-radius: 12px; text-align: center; }

	.defBorderBot { border-top: 4px solid #ffddff; margin: 10px 0 10px 0; }

	.h1title { text-align: center; margin: 0 0 15px 0; }
	.h1a { text-decoration: none; margin: 10px 0 0px 0; padding: 3px; background-color: rgba(205, 225, 255, 0.3); text-decoration: none; }

	/* A to Z */
	.alpha { text-align: center; margin: 190px 0 5px 0; }
	.alphaLtr { background-color: rgba(235, 245, 255, 0.6); text-decoration: none; font: 16px Arial; color: #69e; display: inline-block; padding: 5px 8px 5px 8px; border: 1px solid rgba(0, 0, 255, 0.1); }
	.alphaLtr:hover { background-color: rgba(255, 255, 255, 1); color: #47d; }

	.ltrCols {
		-webkit-column-width: 170px;
		-webkit-column-gap: 10px;
		-moz-column-width: 170px;
		-moz-column-gap: 10px;
		column-width: 170px;
		column-gap: 10px;
	}
	/*.ltrDef { font-size: 16px; display: inline-block; width: 85%; text-align: center; padding: 3px; margin: 10px 0 0 0; background-color: #f8f8ff; border-left: 15px solid #ccf; border-radius: 6px; box-shadow: 2px 2px 6px #ccc; }*/
	/*.ltrDef:hover { background-color: #fff; border-left: 15px solid #eea; box-shadow: 2px 2px 6px #cc8; }*/

	.ltrDef { font-size: 16px; display: inline-block; width: 85%; text-align: center; padding: 3px 5px 3px 5px; margin: 9px 0 0 0; background-color: #e8f8ff; border-radius: 6px; box-shadow: 2px 2px 4px #ccc;  overflow: hidden; }
	.ltrDef:hover { background-color: #fff; box-shadow: 2px 2px 6px #ee8; }

}
@media (max-width: 600px) {

	.defMid { padding: 0px; }
	.alpha { display: none; }

}