form,dl,dd,dt,h1,h2,h3,h4,h5,p,html,body { padding: 0; margin: 0; }
img { border: 0; vertical-align: sub; }
ul { margin: 0; padding: 0; list-style-type: none; }
.navigation { position: relative; z-index: 9; font-size: 12px; }
.navigation li { float: left; padding-right: 2px; }
.navigation .f12 a { position: relative; display: block; color: #FFFFFF; background-color: #8DB8C6; text-decoration: none; padding: 3px 10px 6px; }
.navigation .f12 a:hover { color: #FFFFFF; background-color: #498294; }
.navigation .f12 a.hot { position: relative; display: block; color: #000000; background-color: #BDECBD; text-decoration: none; padding: 3px 10px 6px; }
.navigation .f12 a.hot:hover { color: #555555; background-color: #BDECBD; }
.navigation .f12 a.new { position: relative; display: block; color: #FFFFFF; background-color: #FF9191; text-decoration: none; padding: 3px 10px 6px; }
.navigation .f12 a.new:hover { color: #FFFFFF; background-color: #BB0000; }
.n-c { position: absolute; width: 4px; height: 4px; overflow: hidden; font-size: 1px; }
.n-c i { position: relative; display: block; width: 200%; height: 200%; background: url(images/w-corn00.png); }
.n-tl { top: 0; left: 0; }
.n-tr { top: 0; right: 0; }
.n-tr i { left: -100%; }
.n-bl { bottom: 0; left: 0; }
.n-bl i { top: -100%; }
.n-br { bottom: 0; right: 0; }
.n-br i { left: -100%; top: -100%; }