@charset "utf-8";
/* 
simplebyte com
eason     
 */

/* for global */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,select,input,textarea,p,blockquote,th,td,button{ 
font-family: Arial,Verdana, Helvetica, sans-serif;margin:0;padding:0;font-size:12px; color:#5d788c;
}
a{outline:none;text-decoration:none; color:#77a020;}
a:hover{color:#2c749d; background:#eee; }
a img {border:none;}
button{ background:none; border:none; padding:0; margin:0;}
table {border-collapse: collapse; border-spacing: 0;}
q:before, q:after, blockquote:before, blockquote:after {content:"";}
ul li{ list-style:none;}
h1{ text-align:left; color:#2c749d; font-size:18px;height:32px; font-family:KozGotPro-Medium,Arial, Helvetica, sans-serif; font-weight:lighter; margin:0 0 25px 0; padding:5px 0 0 0 }
h2{ color:#2c749d; font-size:18px; text-align:left; height:32px; line-height:32px;font-family:KozGotPro-Medium,Arial, Helvetica, sans-serif; font-weight:lighter}
body{ background: url(../images/bg.png) repeat-x}
#forTopL{ /*background:url(../images/topLine.png)  repeat-x;*/}
#wrap{ margin:0 auto; text-align:center; width:1000px;/* border:#ffffff 1px solid;*/ position:relative;}
#top{  height:360px; text-align:left /*background:#666666;*/}
 #logo{ float: left;  padding:18px 0 0 0 ; }
 #nav{ padding:22px 0 0 0; text-align:right; font-family:KozGotPro-Medium,Arial, Helvetica, sans-serif}
 #nav li{ display:inline; margin: 0 0 0 15px; }
 #nav a{color:#FFFFFF;font-weight:lighter; text-decoration:none; padding:2px 5px;}
 #nav a:hover{color:#2c749d; background:#eee; }
 #bannerText{ position:absolute; width:400px;  left:0px; top:110px; font-family:KozGotPro-Medium,Arial, Helvetica, sans-serif}
 #bannerText p{}
 .line01{ color:#eef2e5; font-size:30px; margin:0px 0;}
  .line02{ color:#4c7a9c; font-size:24px;}
   .line03{ color:#fff; font-size:18px;margin:12px 0;}
   .signup{ padding:0px 0 0 0;}
   .signup a{ background:none; }
   .banerLink { margin:5px 0 0 0; padding:0 0 0 1px}
   .banerLink a{ color:#4c7a9c; font-weight:bold;}
   .banerLink a:hover{ color:#31363C; background:none;}
 #graphic{ position:absolute; right:0; top:48px;}
#content{ overflow:hidden; height:100%;text-align:left;}
#main{ width:590px ; float:left;}
 #mainBody{ padding: 0px;}
	.item{ margin:10px 0;}
	.item p{ line-height:1.8 ; margin:13px 0;}
	.mainList{}
	.mainList li{ line-height:18px;  padding:0 0 0 2em; border-bottom:#CCCCCC dotted 1px; margin:10px 0px;}
 #side{ float:right; width:350px;}
	.tik{ padding:0 0 0 10px;}
	.tik li{ margin: 16px 0; }
			
#foot{ color:#697b7f; text-align:left; padding:8px 0 30px 0 ; border-top:#b2c1cc solid  1px; margin-top:8px;font-size:11px;}
.simplebyte{ float:right; display:block;}

		


/*------contact us page*/

.contact label {float: left;width:115px; color:#475F6D; padding:2px 0 0 0 }
/*.contact span { padding:0 0 0 6px; color:#999999}*/
.contact label .required {font-size:12px;color:#ff0000; padding:3px 0 0 0}
.contact input {width: 330px; color:#000000; font-weight:bolder; height:20px; line-height:20px;}
.contact textarea {width: 330px;height: 100px; color:#000000; font-weight:bolder;}
.contact .submit{ padding:0 0 0 108px;}	
/*.contact .submit span{ padding:0 0 0 20px;}*/	
.submit input{ width:auto;}
.contact .fixLightBug{ line-height:1;}
/*------contact us page*/

/*------mail page   临时的页面*/	
#mail{ background:url(../images/mail.png) no-repeat; position:absolute;width:310px; height:250px; right:40px; top:75px;}
.mailto{ padding:0 20px 0 16px; margin:auto;}
.mailto p{ margin:12px 0}
.mailto label {float: left;width:110px; color:#475F6D}
.mailto span { padding:0 0 0 6px; color:#999999}
.mailto input {width: 250px; color:#000000; font-weight:bolder; height:22px; line-height:22px;}
#mail .submit{ margin:0 0 0 -4px;}
#info{ height:30px;}

/*------mail page*/		

/*------signup page and login page*/
			

/*.signup p{ margin:10px 0;}
.signup label{ display:block; font-weight:bold; color:#339933; margin:0 0 3px 0}
.signup input{ font-weight:bold; width:330px; color:#000000; height:22px; line-height:22px;}
.group{ padding:0px 10px; margin:10px 0;}
.signup	.checkbox{width:auto;}
.signup	.normal{ width:auto;}
.signup	.submit{ padding:0 0 0 3px;}
.signup span.wrong{ display:block; color:#FF3333}
.signup .checkbox{ display:block; float:left; padding:0 30px 0 0 }	*/


.signup p{ margin:10px 0; line-height:1.8}
.signup label{ display:block; font-weight:bold; color:#339933; font-size:13px; margin:0 0 3px 0}
.signup input{ font-weight:bold; width:330px; color:#000000;height:20px; line-height:20px; border:#7F9DB9 solid 1px;}
.group{ padding:0px 10px; margin:10px 0;}
.signup	.checkbox{width:auto;}
.signup	.normal{ width:auto; height:auto;border:0px;}
.signup span.wrongMsg{ display:block; color:#f46666; padding:3px 0 0 0 }
.signup label .required {font-size:12px;color:#ff0000; padding:3px 0 0 0}

.signup	textarea {width: 330px;height: 100px; color:#000000; font-weight:bolder;  border:#7F9DB9 solid 1px;}
.signup span.wrong{ display:block; color:#FF3333}
.signup .checkbox{ display:block; float:left; padding:0 30px 0 0 }
.summary{ font-family:Verdana; display:block; margin:0 0 8px 0; font-size:11px; color:#666666;}
.signup .special{ width:291px;}

/*------signup page login page*/
	
/*------format submit input*/
.submit input{ width:95px; height:32px;border:none;margin:0 0 0 0px;}
.btnInput01{background:url(../images/submit.png) no-repeat; border:none; height:30px; cursor:pointer}
.btnInput02{background:url(../images/signup2.png) no-repeat; border:none; height:30px; cursor:pointer}
.btnInput03{background:url(../images/login.png) no-repeat; border:none; height:30px; cursor:pointer}
.btnInput04{background:url(../images/send.png) no-repeat; border:none; height:30px; cursor:pointer}
.submit .btnInput05{background:url(../images/proceed.png) no-repeat; border:none; width:200px; height:30px; cursor:pointer}

/*------format  submit input*/


.icon01{ background:url(../images/ico01.png) no-repeat; padding:0 0 0 35px;}
.icon02{ background:url(../images/ico02.png) no-repeat; padding:0 0 0 35px;}
.icon03{ background:url(../images/ico03.png) no-repeat; padding:0 0 0 35px;} 
.icon04{ background:url(../images/ico04.png) no-repeat; padding:0 0 0 35px;}
.icon01{ background:url(../images/ico01.png) no-repeat; padding:0 0 0 35px;}
.iconTik li{background:url(../images/iconTik.png) no-repeat; padding:0 0 0 25px;}
.icon05{ background:url(../images/Save.gif) no-repeat;}


.strong{ font-weight:bold;}
.item #box p{color:#666666}
.item #boxPr{/* background:url(../images/boxBgPr.png) no-repeat; top:5px; left:0px; height:200px; width:355px; position:absolute; padding:40px 0 0 0 */ margin:0 0 25px 0;color:#666666}
#boxPr p{clear:both; line-height:1.6; padding:8px 0; margin:3px; *padding:3px 0; color:#666666}
.lf{ font-weight:bold; float:left; width:70px;float:left;/* padding:0 0 0 85px */ }
.rt{float:left; width:210px; padding:0 0 0 15px;color:#666666}
.pr{font-weight:bold; color:#666666 /*color:#339933; font-family:Georgia, "Times New Roman", Times, serif*/}
.tbpr{ width:85%; margin:0 0 0 2px;color:#666666}
.tbpr td{ padding:5px; border:1px solid #000000;}