@charset "utf-8";

/* Reset
-----------------------------------------------------------------------------------------------------------*/
html, body { overflow: hidden; }
html { background-color: transparent; }
body, p, ul { margin: 0; }
body { border: 0; font: 12px/1.6 tahoma, arial, sans-serif; }
ul { list-style: none; padding: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Pendant
-----------------------------------------------------------------------------------------------------------*/
.pr { position: relative; }
.pa { position: absolute; }
.fl { float: left; _display: inline; }

.tc { text-align: center; }
.fb { font-weight: 700; }

/* Layout
-----------------------------------------------------------------------------------------------------------*/
.container { height: 300px; background: url(base-bg.jpg) no-repeat 0 0; }

/* slider */
.slider { top: 0; left: 0; width: 221px; height: 294px; overflow: hidden; }

/* news */
.news { top: 3px; left: 229px; width: 342px; }

.headline { line-height: 23px; }
.headline a { color: #eaff00; }

.news-list { margin-top: 3px; }
.news-list li { line-height: 24px; }
.news-list a { color: #d8f3ff; }
.news-list .type { margin-right: 4px; color: #fff339; }
.news-list .date { top: 0; top: -4px\9; right: 0; color: #dfdfdf; }

.scroll-list { height: 24px; margin: 4px 0 0 36px; overflow: hidden; }
.scroll-list ul { top: 0; left: 0; }
.scroll-list li { width: 306px; }
.scroll-list a { color: #fff; }

/* navigation */
.navigation { top: 208px; left: 229px; }
.navigation a { display: block; width: 84px; height: 84px; text-indent: -99999px; outline: none; }
.navigation a:hover { background-image: url(btn-hover.png); background-repeat: no-repeat; }
.navigation .m1:hover { background-position: 5px 0; }
.navigation .m2:hover { background-position: -90px 0; }
.navigation .m3:hover { background-position: -185px 0; }
.navigation .m4:hover { background-position: -280px 0; }