@charset "utf-8";
/* CSS Document */
/*
Copyright (c) 2009, fay. All rights reserved.
Based on YUI http://developer.yahoo.com/yui/reset/and Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html 
Licensed under the BSD License:
*/
 
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin: 0;padding: 0;}fieldset, img {border: 0;}
/* remember to define focus styles! */
:focus {outline: 0;}
address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
abbr, acronym {border: 0;font-variant: normal;}  
input, button, textarea,select, optgroup, option {font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;}
code, kbd, samp, tt {font-size: 100%;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {*font-size: 100%;}
body{line-height: 1.7; font-size:12px; font-family:"宋体",Tahoma, Geneva, sans-serif; }
ol, ul,li {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {color:#000; text-align:left}
sup, sub {font-size: 100%;vertical-align: baseline;}
/* remember to highlight anchors and inserts somehow! */
a{ color:#000}
a:hover{ color:#666666;}
:link, :visited , ins {text-decoration: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
img,input,select{ vertical-align:middle}

.clearfix:after { content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */
.clear{clear:both}

.blod{ font-weight:700}
#nav{ padding-left:20px;}
#nav a,#nav a span{ display:block; width:90px; height:29px; float:left; margin-right:3px;}
#nav a.index span{ background:url(../images/nav_03.gif) no-repeat}
#nav a:hover.index span,#nav a.index span.front{background:url(../images/nav2_03.gif) no-repeat}
#nav a.about span{background:url(../images/nav_05.gif) no-repeat}
#nav a:hover.about span,#nav a.about span.front{background:url(../images/nav2_05.gif) no-repeat}
#nav a.info span{background:url(../images/nav_07.gif) no-repeat}
#nav a:hover.info span,#nav a.info span.front{background:url(../images/nav2_07.gif) no-repeat}
#nav a.comic span{background:url(../images/nav_09.gif) no-repeat}
#nav a:hover.comic span,#nav a.comic span.front{background:url(../images/nav2_09.gif) no-repeat}
#nav a.lessons span{background:url(../images/nav_11.gif) no-repeat}
#nav a:hover.lessons span,#nav a.lessons span.front{background:url(../images/nav2_11.gif) no-repeat}
#nav a.action span{background:url(../images/nav_13.gif) no-repeat}
#nav a:hover.action span,#nav a.action span.front{background:url(../images/nav2_13.gif) no-repeat}
#nav a.form span{background:url(../images/nav_15.gif) no-repeat}
#nav a:hover.form span,#nav a.form span.front{background:url(../images/nav2_15.gif) no-repeat}
#nav a.art span{background:url(../images/nav_17.gif) no-repeat}
#nav a:hover.art span,#nav a.art span.front{background:url(../images/nav2_17.gif) no-repeat}

.location,.location a{ color:#9b9b9b}
.red{ color:#F00}

.list td{ background:url(../images/xy_10.gif) bottom repeat-x; color:#666}
.list td a{ background:url(../images/icon_03.gif) 0 3px no-repeat; padding-left:10px; color:#000}

.pagelist a:hover,.pagelist a.front{ color:#F00}

.list2{ margin-right:-1px; margin-top:30px; position:relative}
.list2 li{ width:109px; height:26px; line-height:26px; padding-right:10px;}
.list2 li.front{ background:url(../images/vedio_06.gif) no-repeat;}