* { margin: 0; padding: 0; font: 14px 'Verdana', 'Microsoft Yahei', 'Simhei', 'Simsun'; }

html, body { width: 100%; height: 100%; }
	body { overflow: hidden; background: #fff; }

ul { overflow: hidden; }
	ul li { list-style: none; }

a { text-decoration: none; color: #07a; }
	a:hover { text-decoration: underline; }
a.button { display: inline-block; padding: 5px 8px; font-size: 12px; line-height: 100%; color: #777; background: #fff; border: 1px solid #aaa; border-radius: 3px; }
	a.button:hover { text-decoration: none; color: #333; background: #f9f9f9; border-color: #777; }

sup { font-size: 10px; }


body > div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	body > * { display: none; }
	body > div.wrap { display: table; }
		body > div.wrap > div { display: table-cell; text-align: center; vertical-align: middle; width: 100%; height: 100%; }
	body > div:nth-child(1) { z-index: 10; }
	body > div:nth-child(2) { display: block; z-index: 20; }
	body > div:nth-child(3) { z-index: 30; }


#main { }
	#main > ul:nth-child(1) { position: absolute; top: 0; left: 0; overflow: hidden; width: 100%; height: 40px; z-index: 1; background: #f0f0f0; }
		#main > ul:nth-child(1) > * { font-size: 13px; }
		#main > ul:nth-child(1) > li { line-height: 40px; height: 40px; }
		#main > ul:nth-child(1) > li:nth-child(1) { float: left; margin-left: 10px; }
			#main > ul:nth-child(1) > li:nth-child(1) a { display: inline-block; margin-right: 12px; padding-left: 18px; line-height: 40px; height: 40px; color: #000; background-image: url('../image/icon.png'); background-repeat: no-repeat; opacity: 0.6; }
			#main > ul:nth-child(1) > li:nth-child(1) a:hover { text-decoration: none; opacity: 1; }
				#main > ul:nth-child(1) > li:nth-child(1) a.document { background-position: 0px 14px; }
				#main > ul:nth-child(1) > li:nth-child(1) a.upload { background-position: 0px -36px; }
				#main > ul:nth-child(1) > li:nth-child(1) a.addon { background-position: 0px -90px; }
				#main > ul:nth-child(1) > li:nth-child(1) a.template { background-position: 0px -143px; }
		#main > ul:nth-child(1) > li:nth-child(2) { float: right; margin-right: 10px; color: #777; }
			#main > ul:nth-child(1) > li:nth-child(2) span { margin: 4px 10px; padding-right: 18px; font-size: 12px; line-height: 16px; height: 16px; border-right: 1px solid #ccc; }
			#main > ul:nth-child(1) > li:nth-child(2) a { margin-left: 8px; }
			#main > ul:nth-child(1) > li:nth-child(2) a.plus { display: inline-block; padding: 0 5px; font-size: 12px; line-height: 20px; text-decoration: none; height: 22px; color: #fff; background: #d9534f; border: 1px solid #d43f3a; border-radius: 3px; }
			#main > ul:nth-child(1) > li:nth-child(2) a.plus:hover { background-color: #c9302c; border-color: #ac2925; }
			#main > ul:nth-child(1) > li:nth-child(2) a.plus:active { background-color: #c9302c; border-color: #ac2925; }
		#main > ul:nth-child(1) >  li:nth-child(3) { float: right; margin-right: 100px; color: #777; }
			#main > ul:nth-child(1) > li:nth-child(3) span { color: #c00; }
			#main > ul:nth-child(1) > li:nth-child(3) a { margin-left: 10px; }
	#main > ul:nth-child(2) { margin: 100px auto; padding-top: 180px; text-align: left; width: 905px; background: url('../image/background.png') no-repeat top; }
		#main > ul:nth-child(2) > li { float: left; padding: 20px; text-align: center; font-size: 12px; line-height: 24px; width: 260px; border-right: 1px solid #d2d2d2; }
			#main > ul:nth-child(2) > li * { font-size: 12px; }
			#main > ul:nth-child(2) > li a.button { margin-right: 5px; }
			#main > ul:nth-child(2) > li span { color: #999; }
		#main > ul:nth-child(2) > li:last-child { border: 0; }
	#main > ul:nth-child(3) { overflow: hidden; margin: 0 auto; }
		#main > ul:nth-child(3) > li { text-align: center; font-size: 12px; line-height: 20px; width: 100%; color: #f00; }
			#main > ul:nth-child(3) > li a { margin-left: 10px; font-size: 12px; }
			#main > ul:nth-child(3) > li span { font-size: 12px; text-decoration: underline; }
			#main > ul:nth-child(3) > li em { display: inline-block; padding: 2px 5px; font-size: 12px; color: #fff; background: #f00; }

#cover_wrap { background: #000; opacity: 0.6; }

#popup { position: relative; overflow: hidden; margin: 0 auto; background: #fff; border: 0; border-radius: 5px; box-shadow: 0 0 15px 0 rgba(0,0,0,.5); opacity: 1; }
	#popup > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
	#popup_iframe { border: 0; z-index: 31; }
	#popup_loading { background: #fff url('../image/loading.gif') no-repeat center; z-index: 32; opacity: 0.85; }
	#popup_retry { background: #fff url('../image/warning.png') no-repeat center; cursor: pointer; z-index: 33; }