@charset "gb2312";
/* CSS Document */
*{ margin:0px; padding:0px}
html{
 
}

body{ text-align:center; background-color:#e9e9e9;}
a:link { color:#000000; text-decoration:none;}
a:visited {color:#000000; text-decoration:none;}
a:hover { color: #FF0000; text-decoration:underline;}
a.nav:link { color:#fff; text-decoration:none;}
a.nav:visited {color:#fff; text-decoration:none;}
a.nav:hover { color: #000; text-decoration:underline;}
#head{width:830px; height:102px; margin-left:auto; margin-right:auto; background:url(../images/headbg.jpg); background-repeat:no-repeat;}
#logo{width:250px; height:102px; float:left; margin:0px;}
#logo_id{width:240px; height:90px; cursor:hand;}
#navigation{width:580px; height:102px; cursor:hand; margin:0px; float:left; line-height:100px; position:relative}
#navigation ul{ position:absolute; left:43px; width:530px; height:98; margin-top:3px;}
#navigation ul li{ display:inline; text-align:left; font-size:12px; color:#FFFFFF; margin-left:29px;}
#logon{ width:830px; height:290px; background:url(../images/logonbg.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; }
#movie{ width:527px; height:290px; float:left; position:relative;}
#pic1{ width:218px; height:252px; position:absolute; left:0px; top:18px;}
#pic2{ width:168px; height:221px; position:absolute; left:222px; top:35px;}
#pic3{ width:121px; height:170px; position:absolute; left:395px; top:58px;}
#content{ width:831px; height:433px; border-left:1px solid #cecece; border-right:1px solid #cecece; margin-right:auto; margin-left:auto; background-color:#fff; position:relative;text-align:left;}
#interface{ width:286px; height:172px; float:left; position:relative; text-align:center;}
#interface div{ width:98%; height:28px; font-size:12px; position:absolute; left:5px;}
#date{ top:15px; text-align:right;}
.text{ color:#fff; text-align:right; font-weight:bold; line-height:28px;}
.text input{ width:180px; height:20px; border:1px solid #d6d6d6;}
.link{ color:#fff; text-align:left; line-height:28px;}
#content1{ width:830px; height:170px; background:url(../images/content1bg.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto; position:relative; }
#xl1{ width:199px; height:144px; top:16px; left:0px; position:absolute; margin-right:13px; float:left;}
#xl2{ width:199px; height:144px; top:16px; left:212px; position:absolute; margin-right:12px; float:left;}
#xl3{ width:199px; height:144px; top:16px; left:423px; position:absolute; margin-right:1px; float:left;}
#pay{ width:206px; height:144px; top:16px; left:623px; position:absolute;}
#content2{ width:830px; height:199px; background:#f2f2f2; margin:0px; margin-left:auto; margin-right:auto; }
#join{ width:408px; height:196px; margin-right:10px; float:left;}
#joininfo{ width:408px; height:196px; background:url(../images/joinbg.gif); background-repeat:no-repeat;}
#joininfo span{ font-size:12px; display:block; margin-top:2px; margin-left:10px; margin-right:4px; text-align:left;}
#business{ width:408px; height:196px; float:left;}
#businessinfo{ width:408px; height:196px; background:url(../images/businessbg.gif); background-repeat:no-repeat;}
#businessinfo span { font-size:12px; display:block; margin-top:2px; margin-left:10px; margin-right:4px; text-align:left;}
#foot{ width:830px; height:88px; background:url(../images/footbg.jpg); background-repeat:no-repeat; margin-left:auto; margin-right:auto;}
#footleft{ width:60%; height:48px; margin-left:auto; margin-right:auto; margin-top:20px; text-align:right; font-size:12px; padding-top:10px; float:left;}
#footleft div{ width:188; height:48px; float:right; text-align:center;}
#footright{ width:40%; height:48px; margin-left:auto; margin-right:auto; margin-top:10px; text-align:left; font-size:12px; padding-top:5px; float:left;}