body{ width:100%; height:auto; margin:0; padding:0;}
html{ width:100%; height:auto;margin:0; padding:0;}

#warp{ width:100%; height:auto; margin:0; padding:0;background: #ADDCED; }

#head{ width:100%;margin:0; padding:0; }
#head .top{ width:100%; background:url(images/head-bg.png) repeat-x 0 0 ; height:56px;}
#head .center{width:100%;}
#head .center .header{width:940px;margin:0 auto; padding:5px 0 0 10px;}
#head .center .header .logo{ width:350px; float:left;}
#head .center .header .logo p{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 14px; color:#333; margin:0; padding-left:8px; line-height:18px; margin-bottom:20px;}
#head .center .header .icon{ width:350px; float:right; margin-right:50px; padding-top:30px; vertical-align:middle;}
#head .center .header .icon .free{ float:left; padding-left:70px;}
#head .center .header .icon .twitter{ float:right; padding-top:20px;}
#head .center .header .icon .customwebdesign{ 	
    position:absolute;
	margin:0;
	padding:0;
	left: 990px;
	z-index:100;
	overflow:hidden;
	top: -15px;}
#head .center .header ul { padding:0; margin:0 10px 0 0; list-style:none; border:0;}
#head .center .header ul li {float:left;margin-right:15px;background:#FFF; padding:3px 0;}
#head .center .header ul li:hover {text-decoration:none;color: #FFFFFF;background:#dd5757;}
#head .center .header ul li a {font:14px Verdana,Arial, Helvetica, sans-serif;text-decoration:none;color: #333; padding:5px 10px;}
#head .center .header ul li.curr {background:#dd5757;}
#head .center .header ul li.curr a {color:#fff;}
#head .center .header ul li a:hover { color:#fff;background:#dd5757;}
#head .center .header p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:10px 0 0 15px; padding:0;}

#contect{ width:100%; height:auto; padding-top:20px;}
#contect .sub_contect{ width:965px; height:auto; margin:0 auto;}
#contect .sub_contect .portfolio{ width:835px; height:auto; float:left; margin-bottom:50px;}
#contect .sub_contect .portfolio ul{ list-style: none; margin:0; padding:0px;}
#contect .sub_contect .portfolio ul li{ margin:0 15px 15px 0; float:left; padding:0px;}
#contect .sub_contect .advertise{ float:right; width:130px; margin:0px; padding:0px;}
#contect .sub_contect .advertise a{  display:block; margin:0 0 10px 0; padding:0;}

#foot{ background:#302921;width:100%; height:auto; margin:0; padding:0; }
#foot .contect1{ width:890px; height:330px; margin:0 auto;padding:40px 30px 0 30px;}
#foot .contect1 h1{ color:#a45d32; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:36px; font-weight:lighter; margin:0; padding:0;}
#foot .contect1 p{ color:#a45d32; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; line-height:22px; margin-bottom:30px;}
#foot .contect1 p a{ color:#addced; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none }
#foot .contect1 p a:hover{ color:#addced; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }
#foot .contect1 p a span{ color:#534738; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none;margin-right:10px; }
#foot .contect1 p a span:hover{ color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline;line-height:22px; }

#foot .contect1 .line{ background:url(images/line.jpg) repeat-x; height:2px; width:890px; border:0; margin-bottom:30px;}
#foot .contect1 .subnav{ width:890px; height:36px;}
#foot .contect1 .subnav .subnav1{ float:left; width: 17px; height:36px; background:url(images/sub-bg1.jpg) no-repeat;}
#foot .contect1 .subnav .subnav2{ float:left; width: 857px; height:36px; background:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666; line-height:36px; text-align:center;}
#foot .contect1 .subnav .subnav2 a{margin-right:10px; text-decoration:none; color:#666;}
#foot .contect1 .subnav .subnav2 a:hover{margin-right:10px; text-decoration:underline; color:#666;}
#foot .contect1 .subnav .subnav2 a span{margin-right:10px; text-decoration:none; color: #FFFFFF;}
#foot .contect1 .subnav .subnav2 a:hover span{margin-right:10px; text-decoration:underline; color: #FFFFFF;}
#foot .contect1 .subnav .subnav3{ float:left; width: 16px; height:36px; background:url(images/sub-bg2.jpg) no-repeat;}
#foot .contect2{ width:890px; height:70px; margin:0 auto; padding-top:20px; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#a45d32; line-height:20px;}
#foot .contect2 a{ color:#addced; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none }
#foot .contect2 a:hover{ color:#addced; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration:underline; }

/**icons**/
.sub_banner{ width:650px; height:auto; float:left; margin-bottom:50px; padding:0 30px 0 10px;}
.sub_info{ width:240px; padding:0 25px 0 10px;float:right;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px; line-height:18px;}
.sub_info h1{ margin:0; padding: font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:20px;}
.sub_info h2{ margin:0; font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif; color:#333; font-size:14px;}
.sub_info span{ color:#fff; margin-bottom:20px;display:block; padding:0;}
.sub_info p{margin:0 0 20px 0; padding:0;}

/**license,about**/
.information{ width:900px; margin:0; padding:0 30px 50px 20px;}
.information h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; font-weight: lighter; color:#333; line-height:normal;margin:0; padding:0;}
.information p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px;color:#333; line-height:18px; margin:20px 0;}
.information a{ color:#dd5757; text-decoration:none;}
.information a:hover{ color:#dd5757; text-decoration:underline;}

.BestWebTool{ width:890px; border-top:1px dashed #999; height:auto; margin:50px 0 0 0; padding:10px 0 20px 10px;}
.BestWebToolImg{ float:left; width:98px; height:132px; margin-right:20px;}
.BestWebToolTxt{ float:left; margin-top:10px;}
.BestWebToolTxt p{ font-size:12px; line-height:24px; margin:0; padding:0;}

.break{width:930px;margin:0 auto;}
.break h3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:30px; font-weight: lighter; color:#fff; margin:0; padding:0;}
.break p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#333; margin:10px 0 3px 0; padding:0;}
.break p a{ color:#000000; text-decoration:none;}
.break p a:hover{ color:#000000; text-decoration:underline;}


/**contact**/
.informationTable {line-height:35px;border-collapse:collapse;height:100%;line-height:35px;margin-bottom:13px;margin-top:13px;width:460; }
.informationTable th {height:auto;padding-right:5px;text-align:right;width:90px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;color:#333; font-weight: lighter;}
.informationTable .inputText {height:18px;width:270px;border:1px solid #addced;line-height:18px;padding:2px 2px 0 2px;}

.submit{width:120px; height:40px; background-color:#302921; margin-left:96px; text-align:center; line-height:40px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px;color:#fff;font-weight: bold;}

/**faq**/
.faq{ width:900px; margin:0; padding:0 30px 50px 20px; color:#333;}
.faq p{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:20px; margin-bottom:30px;}
.faq span{ font-size:20px;line-height:30px;}
.faq a{ color:#dd5757; text-decoration:none;}
.faq a:hover{ color:#dd5757; text-decoration:underline;}