﻿@charset "utf-8";

@import url("reset.css");
@import url("base.css");
@import url("public.css");


/*------------------------------------------
*FileName		Css.css
*Description		Global Css
*Copyright		www.jmeii.com
*Version		1.003(2010-02-22)
------------------------------------------*/



/*	$__Header
-----------------------------------------*/
.outframe_header { height:134px; margin-top:1px; background:url(../images/header_bg.gif) repeat-x 0 0;}
.logo { display:inline; float:left; margin-left:50px;}

.topnav { float:right; margin:7px 20px 0 0;}
.topnav li { float:left; margin-left:11px;}
.topnav a { display:block; width:61px; height:19px; background:url(../images/topnav_bg.gif) no-repeat 0 0; line-height:19px; text-align:center;}
.topnav a:hover { background:url(../images/topnav_bg.gif) no-repeat -61px 0; line-height:19px; text-decoration:none;}

.nav { width:960px; height:35px; background:url(../images/nav_bg.gif) repeat-x 0 0; line-height:35px;}
.nav li { display:inline; margin-left:50px;}
.nav a { padding:0 10px; color:#fffdc1; font-size:14px; font-weight:700;}
.nav a:hover { color:#fff;}


/*	$_Body
-----------------------------------------*/
.banner { width:960px; height:316px;}
.bannerbox_span2_a, .bannerbox_span2_b { position:relative; float:left; width:480px; height:316px; background:url(../images/banner_bg_left.gif) no-repeat 0 0;}
.bannerbox_span2_b { background:url(../images/banner_bg_right.gif) no-repeat 0 0;}
.banner a { position:absolute; top:165px; right:170px; display:block; width:75px; height:20px; background:url(../images/banner_link.gif) no-repeat 0 0; text-indent:-10000px;}
.banner a:hover { background:url(../images/banner_link.gif) no-repeat 0 -20px;}

/*	$__Content
=======================*/
.content { float:left; width:960px; padding-top:16px; background:url(../images/content_bg.gif) repeat-x 0 0;}
.contbox_span3_a { display:inline; float:left; width:290px; margin-left:10px;}
.video { margin:0 auto 11px; text-align:center;}
.more { float:right; margin-top:11px; text-align:right;}
.more a { padding-left:13px; background:url(../images/more.gif) no-repeat 0 center;}
.more a { *background-position: 0 1px;}
.more a:hover { background-color:#eee; text-decoration:none;}

.list li { width:290px; margin-bottom:2px;}
.list a { display:inline; padding-left:10px; width:210px; background:url(../images/arr.gif) no-repeat 0 4px;}

.contbox_span3_b { display:inline; float:left; width:370px; margin-left:20px;}
.contbox_span3_b .more { padding-top:0; padding-right:15px;}


.contbox_span3_c { display:inline; float:left; width:270px;}
.reg { position:relative; width:261px; height:168px; background:url(../images/reg.gif) no-repeat 0 0;}
.reg a { position:absolute; bottom:18px; right:13px; display:block; width:88px; height:22px; background:url(../images/reg_btn.gif) no-repeat 0 0; line-height:22px; text-align:center; text-indent:-10000px;}
.reg a:hover { background-image:url(../images/reg_btn_hover.gif);}
.contbox_span3_c ul { padding-left:8px;}
.contbox_span3_c li { margin-top:7px;}

.product { padding-bottom:10px; margin:10px 0; background:url(../images/buy_bg.gif) repeat-x 0 0;}
.product img { display:block;}
.buy { position:relative; float:right; width:253px; height:232px; background:url(../images/buy.gif) no-repeat 0 0;}
.buy a { display:block; position:absolute; left:25px; width:90px; height:24px; line-height:24px; margin-top:130px; background:url(../images/buy_btn.gif) no-repeat 0 0; color:#9b2400; font-weight:700; text-align:center;}
.buy a:hover { background-position:0 -24px; text-decoration:none;}
.buy .btn02 { top:40px;}


/*	$__Footer
-----------------------------------------*/
.outframe_footer { height:63px; background:url(../images/footer_bg.gif) repeat-x 0 0;}
.outframe_footer ul { float:left; height:40px; padding-left:10px; line-height:40px;}
.outframe_footer li { float:left; height:40px; line-height:40px; margin-left:10px; color:#fff;}
.outframe_footer li a { height:40px; line-height:40px; color:#fff;} 
.outframe_footer .copyright { float:right; margin-top:7px; padding-right:11px; text-align:right; line-height:22px; color:#fff;}
