a#showmog				{ color: #fff; font-weight: bold; text-decoration: none; text-transform: uppercase; margin-top: 80px; padding: 6px 12px; background: #900; position: fixed; top: 50%; left: 0; transform: rotate(-90deg); transform-origin: 0 0; visibility: hidden; opacity: 0; transition: all .4s ease; }
	a#showmog.show		{ visibility: visible; opacity: 1; }

div#mog							{ background: rgba(0,0,0,.8); position: fixed; top: 0; right: 0; bottom: 100%; left: 0; overflow: hidden; z-index: 999999; transition: all .4s ease; }
	div#mog.show				{ bottom: 0; }
	div#mog div.inform			{ margin: -200px 0 0 -300px; height: 400px; width: 600px; background: #fff; position: absolute; top: 50%; left: 50%; }
	div#mog div.inform a.close	{ color: #fff; font-size: 22px; font-weight: bold; line-height: 35px; text-align: center; text-decoration: none; width: 35px; background: #900; position: absolute; top: 0; right: 0; }