@charset "UTF-8";

* { margin: 0; padding: 0; }
img { border:0; }

body { text-align:center; background-color: #87ceeb ; color: #333; font-size:14px ; font-family:sans-serif; }

#container { width:770px;margin:auto;background-color:#fff; background:#fff url(image/head.gif) no-repeat top; }
#header { padding:30px 0 10px; }
#main { padding-top:10px; }
#form { padding:0 0 20px;} 
#footer { background:#fff url(image/foot.gif) no-repeat bottom; margin-top:30px; padding:30px; border-top:solid 5px #ddf;}

#text { overflow:auto;font-size:20px; }

h1 { margin:10px; }

td.good { font-weight:bold;vertical-align:top; width:60px;height:70px;color:#fff; 
	 background:url(image/good.png);font-size:20px;  cursor:pointer; }
td.good p { margin-top:15px; }
td.click { color:#f60; }

div.text-box { font-size:20px;margin-bottom:10px;word-break:break-all;overflow:auto;width:600px; }

table.tab { width:100%;height:43px;font-size:20px;font-weight:bold; }
table.tab td.on { border:1px solid #1e90ff  ;background-color:#1e90ff ;color:#fff; }
table.tab td.off { border:1px solid #1e90ff ;cursor:pointer; text-decoration:underline;color:#1e90ff; }
table.tab td.new-tab { width:33%; }
table.tab td.hot-tab { width:33%; }

img.icon { vertical-align:top; margin-right:5px; width:16px; height:16px; }  

a:link { text-decoration:none; color:#1e90ff; }
a:visited { text-decoration:none; color:#1e90ff;  }
a:active { text-decoration:none; color:#1e90ff ; }
a:hover { text-decoration:underline; color:#1e90ff; }