body{margin:0px;padding:0px;width:100%;background:url('images/bg.jpg') repeat;font:normal 12px arial;}
img{border:0px;}
p,h1,h2,span{margin:0px;padding:0px;}


#container{clear:both;margin:0 auto;width:967px;border-left:solid 1px #e3e3e3;border-right:solid 1px #e3e3e3;}
#container .menu{clear:both;float:left;width:857px;height:39px;background-color:#32529f;padding-left:110px;}
#container .menu ul{list-style:none;margin:0px;padding:0px;}
#container .menu ul li{float:left;width:150px;font:normal 11px arial;color:#FFFFFF;line-height:35px;text-align:center;}
#container .menu ul li a{color:#FFFFFF;}
#container .menu ul li a:hover{color:#FFFFFF;background-color:#336699;font:bold 11px arial;}

#container .head{clear:both;float:left;width:967px;height:105px;background:url('images/banner.gif') no-repeat;}
#container .head p.text{float:right;width:350px;margin-top:25px;margin-right:30px;}
#container .head p.text .are{float:right;width:215px;font:normal 12px arial;color:#545151;margin-top:3px;}
#container .head p.text .are1{float:right;width:245px;font:normal 12px arial;color:#545151;margin-top:3px;}
#container .head p.text .call{float:right;width:210px;font:bold 14px arial;color:#396ea4;margin-top:3px;}

#container .middle{clear:both;float:left;width:967px;background:#FFFFFF url('images/headbg1.jpg') no-repeat;}
#container .middle .left{float:left;width:285px;margin-left:15px;}
#container .middle .left .ftop{float:left;width:284px;height:87px;background:url('images/freetop.png') no-repeat;margin-top:10px;}
#container .middle .left .ftop .free{float:left;width:285px;text-align:center;margin-top:10px;font:bold 27px arial;color:#FFFFFF;}
#container .middle .left .ftop .free1{float:left;width:285px;text-align:center;font:bold 12px arial;color:#FFFFFF;}

#container .middle .left .fmid{float:left;width:283px;background:url('images/freemid.png') repeat-y;margin-left:1px;}
#container .middle .left .fmid .rece{float:left;width:260px;margin-top:5px;font:bold 12px arial;color:#585858;margin-left:20px;padding-bottom:15px;}

#container .middle .left .fmid label{clear:both;float:left;width:75px;font:normal 12px arial;color:#4d4d4d;margin-left:20px;margin-top:10px;}
#container .middle .left .fmid .tbox{float:left;width:168px;height:17px;font:normal 12px arial;color:#4d4d4d;margin-top:10px;background:url('images/txtimg.jpg') repeat-x;border:solid 0px red;padding:2px;}
#container .middle .left .fmid .tbox1{float:left;width:80px;height:17px;font:normal 12px arial;color:#4d4d4d;margin-top:10px;background:url('images/txtimg.jpg') repeat-x;border:solid 0px red;padding:2px;}
#container .middle .left .fmid .month{float:left;width:75px;font:normal 12px arial;color:#4d4d4d;margin-left:5px;margin-top:10px;}

#container .middle .left .fmid .sel{float:left;width:120px;height:19px;font:normal 12px arial;color:#4d4d4d;margin-top:10px;background:url('images/txtimg.jpg') repeat-x;border:solid 0px red;padding:2px;}

#container .middle .left .fmid .gender{float:left;width:221px;height:50px;background:url('images/generate.jpg') no-repeat;margin-left:30px;margin-top:40px;text-align:center;font:normal 21px 'Arial Black';color:#FFFFFF;line-height:45px;border:0px;}
#container .middle .left .fmid .gender a{display:block;color:#FFFFFF;text-decoration:none;}
#container .middle .left .fmid .gender a:hover{display:block;color:#FFFFFF;text-decoration:none;}

#container .middle .left .fmid .your{float:left;width:285px;margin-left:25px;margin-top:20px;font:normal 12px Arial;color:#646464;}

#container .middle .left .fbtm{float:left;width:283px;height:33px;background:url('images/freebtm.png') no-repeat;margin-left:1px;}


#container .middle .right{float:left;width:649px;}

#container .middle .right .need{float:left;width:600px;font:bold 25px arial;color:#FFFFFF;margin-top:150px;margin-left:15px;}
#container .middle .right .lorem{float:left;width:600px;font:bold 17px arial;color:#FFFFFF;line-height:30px;margin-left:15px;}
#container .middle .right .start{float:left;width:82px;height:22px;background:url('images/start.jpg') no-repeat;margin-left:70px;margin-top:70px;}
#container .middle .right .start .now{float:left;width:100px;font:bold 14px arial;color:#4170ad;margin-left:-35px;line-height:22px;}
#container .middle .right .start .now a{color:#4170ad;text-decoration:none;}
#container .middle .right .start .now a:hover{color:#4170ad;text-decoration:none;}


#container .middle .right .top{float:left;width:649px;background:#fdfdfd url('images/top.jpg') no-repeat;margin-top:60px;margin-left:8px;}
#container .middle .right .top .lore{float:left;width:210px;border-right:solid 1px #e2e1e1;}
#container .middle .right .top .lore .lorhead{float:left;width:180px;font:bold 14px arial;color:#5b85b6;margin-left:25px;margin-top:5px;}
#container .middle .right .top .lore .lor{float:left;width:180px;font:normal 12px arial;color:#373535;margin-left:25px;margin-top:20px;}
#container .middle .right .top .lore .read{float:right;width:79px;height:21px;font:normal 11px arial;color:#f2faff;margin-left:20px;margin-top:15px;background:url('images/read.jpg') no-repeat;line-height:20px;padding-left:10px;margin-right:20px;}
#container .middle .right .top .lore .read a{display:block;color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore .read a:hover{display:block;color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore .read1{float:right;width:79px;height:21px;font:normal 11px arial;color:#f2faff;margin-left:20px;margin-top:50px;background:url('images/read.jpg') no-repeat;line-height:20px;padding-left:10px;margin-right:20px;}
#container .middle .right .top .lore .read1 a{display:block;color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore .read1 a:hover{display:block;color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore .read2{float:right;width:79px;height:21px;font:normal 11px arial;color:#f2faff;margin-left:20px;margin-top:70px;background:url('images/read.jpg') no-repeat;line-height:20px;padding-left:10px;margin-right:20px;}
#container .middle .right .top .lore .read2 a{display:block;color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore .read2 a:hover{display:block;color:#f2faff;text-decoration:none;}


#container .middle .right .top .lore1{float:left;width:210px;}
#container .middle .right .top .lore1 .lorhead{float:left;width:180px;font:bold 14px arial;color:#5b85b6;margin-left:20px;margin-top:5px;}
#container .middle .right .top .lore1 .lor{float:left;width:180px;font:normal 12px arial;color:#373535;margin-left:20px;margin-top:20px;}
#container .middle .right .top .lore1 .read{float:right;width:79px;height:21px;font:normal 11px arial;color:#f2faff;margin-left:20px;margin-top:20px;background:url('images/read.jpg') no-repeat;line-height:20px;padding-left:10px;margin-right:20px;}
#container .middle .right .top .lore1 .read a{color:#f2faff;text-decoration:none;}
#container .middle .right .top .lore1 .read a:hover{color:#f2faff;text-decoration:none;}


#container .middle .mid{clear:both;float:left;width:967px;margin-top:40px;}
#container .middle .mid .mleft{float:left;width:320px;text-align:center;font:bold 14px arial;color:#1a4193;}
#container .middle .mid .mleft .no{float:left;width:320px;text-align:center;font:bold 14px arial;color:#1a4193;}

#container .middle .mid .mleft .box{float:left;width:304px;margin-top:15px;height:254px;background:url('images/bluebox1.jpg') no-repeat;margin-left:8px;}
#container .middle .mid .mleft .box .num{float:left;width:304px;margin-top:15px;font:bold 34px arial;color:#FFFFFF;text-align:center;margin-top:30px;}
#container .middle .mid .mleft .box .affi{float:left;width:304px;margin-top:15px;font:bold 14px arial;color:#FFFFFF;text-align:center;margin-top:15px;}

#container .middle .mid .mright{float:left;width:590px;border-top:solid 1px #e2e1e1;margin-left:10px;}
#container .middle .mid .mright p.sit{float:left;width:590px;margin-top:30px;font:bold 14px arial;color:#4972b5;}
#container .middle .mid .mright p.sit1{float:left;width:590px;margin-top:20px;font:normal 12px arial;color:#545151;}



#container .middle .rec{clear:both;float:left;width:925px;margin-top:30px;margin-left:15px;font:bold 14px 'Arial';color:#545151;padding-left:12px;background-color:#eff5fb;line-height:30px;}

#container .middle .link{float:left;width:945px;margin-top:20px;}
#container .middle .link .links{float:left;width:208px;margin-left:23px;margin-right:5px;}
#container .middle .link .links .ltxt{clear:both;float:left;width:200px;font:bold 12px 'Arial';color:#396ea4;}
#container .middle .link .links .amt{clear:both;float:left;width:205px;font:12px 'Arial';color:#626262;margin-top:10px;line-height:19px;}
#container .middle .link .links .amt img{clear:both;float:left;width:68px;height:96px;margin-right:7px;margin-bottom:2px;}

#container .middle .shade{clear:both;float:left;width:967px;height:60px;background:url('images/shade.jpg') no-repeat;margin-top:5px;}

#container .footer{clear:both;float:left;width:965px;height:81px;border-right:solid 1px #8c9dc6;border-left:solid 1px #8c9dc6;background:url('images/footerbg.jpg') repeat-x;}
#container .footer .desg{float:left;width:700px;margin-left:20px;font:11px 'Arial';color:#ffffff;margin-top:55px;}
#container .footer .desg a{color:#ffffff;text-decoration:none;}
#container .footer .desg a:hover{color:#ffffff;text-decoration:none;}

#container .footer .log{float:right;width:144px;height:63px;margin-right:25px;margin-top:10px;}
