@charset "utf-8";
/* Reset */
html { color:#000; background:#FFF;}
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,button,img { border:0;}

/* Basic Elements */
body { color:#000; background:#FFF url(../images/bg.jpg) repeat-x top left; font:normal 12px/1.5 "宋体", "微软雅黑", Arial, serif, sans-serif;}
div,ul,li { font-size:12px; color:#000; line-height:150%;}
ul,li { list-style:none;}
a { color:#000; text-decoration:none;}
a:hover { color:#F00; text-decoration:underline;}

/* Generic Classes */
.clear { height:0; overflow:hidden; clear:both;}

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

/* Basic Layout */
.wrap0 {
    clear:both;
    margin:10px 0 0;
    padding:0 0 0 10px;
}
.wrap { margin:0 auto; width:960px; clear:both;}
.mt10 { margin-top:10px;}

/* Layout */
#header { height:100px; background:url(../images/header_bg.jpg) no-repeat left top; clear:both;}
#main { margin:10px auto 0 auto; clear:both;}
#footer { margin:10px auto 0 auto; border-top:1px solid #EBEBEB; line-height:40px; color:#666; text-align:right; clear:both;}

/* Header */
.top { height:60px; clear:both;}
.top .top_logo { margin:10px 0 0 0; width:140px; height:40px; float:left;}
.top .top_nav { width:200px; line-height:35px; float:right;}

.menu { width:960px; height:40px; line-height:40px; background:url(../images/menu_bg.jpg) no-repeat; text-align:left; float:left;}

.menu ul { display:block; width:720px; height:40px; float:left;}
.menu ul li { display:block; width:180px; line-height:40px; font-size:14px; font-weight:700; text-align:center; position:relative; float:left;}
.menu ul li a { color:#FFF; text-decoration:none;}
.menu ul li a:hover { color:#F00; text-decoration:none;}

.menu .submenu { display:none;}
.menu ul li ul { display:block; padding:0 0 0 20px; width:160px; text-align:center; position:absolute; left:0; top:40px; clear:both;}
.menu ul li ul li { display:block; width:140px; height:35px; line-height:35px; text-align:center; clear:both;}
.menu ul li ul li a { display:block; height:35px; color:#FFF; background:#FFA56B; filter:alpha(opacity=75); opacity:0.75; text-decoration:none;}
.menu ul li ul li a:hover { display:block; height:35px; color:#000; background:#FFB281; filter:alpha(opacity=75); opacity:0.75; text-decoration:none;}

.menu_nav { margin:9px 10px 0 0; width:160px; height:22px; background:url(../images/menu_nav.gif) no-repeat 0 0; cursor:pointer; position:relative; float:right;}
.mn_on { background:url(../images/menu_nav.gif) no-repeat 0 -23px;}
.menu_nav ul { display:none; padding:0 10px 10px 10px; width:138px; height:120px; border:1px solid #DD8E3D; border-top:0; background:#FFF; position:absolute; left:0; top:21px; z-index:200;}

.menu_nav ul li { display:block; width:138px; height:30px; line-height:30px; text-align:left; font-size:13px; clear:both;}
.menu_nav ul li a { display:block; padding:0 0 0 8px; width:130px; height:30px; text-align:left; font-weight:normal; color:#666; background:#FFF;}
.menu_nav ul li a:hover { display:block; padding:0 0 0 8px; width:130px; height:30px; text-align:left; color:#333; font-weight:700; background:#FFF7D6;}

/* Main */

/*- Index Layout -*/
.i_banner { height:260px; clear:both;}
.i_tab_about { width:440px; float:left;}
.i_tab_news { margin:0 0 0 20px; width:300px; float:left;}
.i_tab_group { width:180px; float:right;}

.i_tab_top { padding:0 0 0 10px; line-height:30px; background:url(../images/tit_icon.gif) no-repeat 0 7px; font-size:14px; font-weight:700; color:#FF6C0C; clear:both;}
.i_tab_top span { padding:0 0 0 5px; line-height:30px; font-size:13px; color:#328680; font-family:Arial;}

.i_tab_con_about { padding:10px; width:420px; border:1px solid #EBEBEB; background:#F9F9F9; text-align:left; color:#666; font-size:13px; clear:both;}
.i_tab_con_about img { margin:0 10px 0 0; width:136px; height:156px; float:left;}

.i_tab_news ul {}
.i_tab_news ul li { margin:3px 0 0 0; display:block; line-height:20px; text-align:left; font-size:13px; clear:both;}
.i_tab_news ul li span { display:block; line-height:20px; color:#999; text-align:left; clear:both;}

.i_tab_group ul {}
.i_tab_group ul li { margin:5px 0 0 0; display:block; width:180px; height:45px; clear:both;}
.i_tab_group ul li a { display:block; width:180px; height:45px;}
.i_tab_group ul li a:hover { display:block; width:180px; height:45px;}

.team a { background:url(../images/project_nav.gif) no-repeat 0 0;}
.team a:hover { background:url(../images/project_nav.gif) no-repeat -181px 0;}

.love a { background:url(../images/project_nav.gif) no-repeat 0 -46px;}
.love a:hover { background:url(../images/project_nav.gif) no-repeat -181px -46px;}

.shop a { background:url(../images/project_nav.gif) no-repeat 0 -92px;}
.shop a:hover { background:url(../images/project_nav.gif) no-repeat -181px -92px;}

.forum a { background:url(../images/project_nav.gif) no-repeat 0 -138px;}
.forum a:hover { background:url(../images/project_nav.gif) no-repeat -181px -138px;}

/*- List Layout -*/
.l_banner { height:150px; border:1px solid #F5EBDD; clear:both;}

.l_main { margin:10px 0 0 0; clear:both;}
.l_side { width:180px; float:left;}
.l_container { width:770px; float:right;}

.l_nav_tab { padding:0 10px 10px 10px; width:158px; border:1px solid #EBEBEB; background:#F9F9F9; clear:both;}
.l_nav_top { padding:0 0 0 10px; height:35px; line-height:35px; background:url(../images/tit_icon.gif) no-repeat 0 10px; border-bottom:1px solid #EBEBEB; text-align:left; font-size:14px; font-weight:700; color:#FF6C0C; clear:both;}
.l_nav_tab ul { display:block; margin:5px 0 0 0; clear:both;}
.l_nav_tab ul li { display:block; line-height:30px; height:30px; text-align:left; font-size:13px; clear:both;}
.l_nav_tab ul li a { display:block; padding:0 0 0 10px; width:150px; height:30px; line-height:30px; background:#F9F9F9; color:#666; text-align:left; text-decoration:none;}
.l_nav_tab ul li a:hover { display:block; padding:0 0 0 10px; width:150px; height:30px; line-height:30px; background:#E8E8E8; color:#333; font-weight:700; text-align:left; text-decoration:none;}

.l_navplace { height:30px; line-height:30px; border-bottom:1px solid #E8E8E8; text-align:right; color:#666; clear:both;}
.l_navplace a { color:#666; text-decoration:none;}
.l_navplace a:hover { color:#333; text-decoration:underline;}
.l_navplace span { display:block; width:300px; line-height:30px; color:#A7611A; font-size:14px; font-weight:700; text-align:left; float:left;}

.l_list { margin:10px 0 0 0; padding:0 0 0 10px; min-height:450px; clear:both;}
.l_list ul {}
.l_list ul li { line-height:40px; text-align:left; font-size:14px; clear:both;}
.l_list ul li span { margin:0 0 0 20px; line-height:35px; color:#999;}
.l_list ul li a { color:#333; text-decoration:none;}
.l_list ul li a:hover { color:#F00; text-decoration:underline;}

.l_page { padding:0 0 0 20px; height:35px; line-height:35px; text-align:left; clear:both;}
.page { font-family:Arial, Helvetica, sans-serif; background:#FFF; height:35px; line-height:35px; clear:both;}
.page a { margin:0 2px; padding:2px 5px; border:2px solid #F0F0F0; text-decoration:none;}
.page a:hover { border:2px solid #F6787F; color:#860307;}
.page span.current { padding:2px 5px; font-weight:700; color:#D1212E;}
.page span.disabled { display:none;}

/*- View Layout -*/
.wrap h1 { height:50px; line-height:50px; text-align:center; font-size:16px; color:#000; font-weight:700; font-family:'微软雅黑','黑体'; clear:both;}
.v_content { line-height:180%; color:#333; font-size:14px; clear:both;}

/* Footer */
#footer span { line-height:35px; text-align:left; color:#666; float:left;}
#footer span a { color:#666; text-decoration:none;}
#footer span a:hover { color:#333; text-decoration:underline;}