body {
	margin:0px;
	padding:0px;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
}
 a{
	text-decoration:none;
	color: #007697;
  } 
  
  a:hover {
	text-decoration:none;
	color: #666 ;
  } 
  
  h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #666666;
	margin:0;
	padding:0 0 4px 0;
	line-height: 17px;
  }
  
    h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #017C9D;
	line-height: 17px;
	margin:0; 
	padding:0 0 4px 0;
  }
  h3 {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: bold;
	color: #152656;
	margin:0;
	padding:16px 0 4px 0;
	line-height: 29px;
	
  }
  sup {
  font-size:8px;
  }
    h4 {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #152656;
	margin:0;
	padding:16px 0 4px 0;
	line-height: 29px;
	
  }
.s_tm {
  font-size:9px;
  }
.details{	
	
	float: right;

}
.details a {
	display:block;
	line-height:10px;
	width:50px;
	height:10px;
	font-size: 11px;
	font-weight: bold;
	background-image: url(../images/details.gif);
	background-repeat: no-repeat;
	
}  


.details a:hover {
	height:10px;
	text-decoration:none;
	line-height:10px;
	background-image: url(../images/details.gif);
	background-repeat: no-repeat;
	background-position: 0 -10px;
	
}

.cus_sub_title1{
	font-size: 15px;
	font-weight: bold;
	color: #017191;
	padding-top: 5px;
		padding-bottom:15px;
	float: left;
	width: 630px;

}

.cus_sub_title2{
	font-size: 15px;
	font-weight: bold;
	color: #017191;
	padding-top: 5px;
	float: left;
	width: 400px;
	padding-bottom:15px;
	line-height:18px;
}


.news_sub_title1{
	color: #000000;
	float: left;
	width: 630px;
	font-weight:bold;

}
.news_sub_title2{
	font-size: 14px;
	font-weight: bold;
	color: #017191;
	padding-top: 10px;
	float: left;
	width: 630px;

}

.news_sub_title3{
	font-size: 12px;
	font-weight:bold;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 630px;
	font-style: italic;
}

.news_sub_title4{
	font-size: 12px;
	font-weight: bold;
	color:  #666666;
	padding-top: 20px;
	float: left;
	width: 630px;
	font-style: italic;
}

.news_sub_title5{
	font-size: 12px;
	color: #666666;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 630px;
	font-style: italic;
}

.cus {
width:300px;
float:left;
}
.news_sub_title_faq{
	font-size: 14px;
	font-weight: bold;
	color: #017191;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	width: 100%;
}



.back {
	font-size: 11px;
	font-weight: bold;
	color: #017191;
	padding-top:15px;
}


.contact_line {
	background-image: url(../images/line_about.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 360px;
	margin-left: 130px;
	padding-top: 15px;
	height: 140px;

}



img {
	border:0px;
}

ul,li {margin:0;padding:0;}
li {
	list-style:none;
	background:url(../images/about_icon.jpg) no-repeat 0px 5px;
	padding-left: 10px;
	line-height: 19px;
	}
	
.contain {
	margin: auto;
	width: 766px;
position:relative;
}
.top1 {
	background-image: url(../images/header.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.top2 {
	background-image: url(../images/home_header01.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.top3 {
	background-image: url(../images/about_header01.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.top4 {
	background-image: url(../images/retail_header01.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.top5 {
	background-image: url(../images/restaurant_header01.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.top6 {
	background-image: url(../images/gov_header01.jpg); 
	background-repeat: no-repeat;
	background-position: top;
	height: 225px;
	width: 766px;
	float: left;
}
.mid1 {
	background-image: url(../images/color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
}
.mid1b {
	background-image: url(../images/home_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
}
.mid_about {
	background-image: url(../images/about_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
}

.mid_result {
	background-image: url(../images/result_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
		height:100%;
}

.mid_retail {
	background-image: url(../images/retail_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
		height:100%;
}
.mid_gov {
	background-image: url(../images/gov_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
		height:100%;
}
.mid_restaurant {
	background-image: url(../images/restaurant_color_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 236px;
	width: 766px;
		height:100%;
}
.mid2 {
	background-image: url(../images/white_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	height: autos;
	width: 766px;
}
.mid1c {
	background-image: url(../images/white_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	height: 105px;
	width: 766px;
}

.mid1c ul{
	float: left;
	


}



.mid1c a {

	text-decoration:none;
    background-image: url(../images/underline.gif);
	background-repeat: repeat-x;
	background-position: bottom;
  } 
  
.mid_news_sub{
	background-image: url(../images/subpage_bg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	height: auto;
	width: 700px;
	font-size: 12px;
	color: #666;
	padding-left: 66px;
}

.mid_news_sub_cus{
	background-image: url(../images/subpage_bg.jpg);
	background-repeat: repeat-y;
	background-position: top left;
	height: auto;
	width: 760px;
	font-size: 12px;
	color: #666;
	padding-left: 66px;
}

.result_sub_title{
	font-size: 14px;
	font-weight: bold;
	color: #017191;
	padding-top: 5px;
	padding-bottom: 10px;
	float: left;
	padding-left:66px;
	width: 430px;

}

.mid_news_sub2{
	background-image: url(../images/subpage_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	height: auto;
	width: 740px;
	font-size: 12px;
	color: #666;
	padding-left: 26px;
}

.s_contents {
	float: left;
	width: 630px;
}
.faq {
	float: left;
	width: 630px;
}

.result_top_contents{
	float: left;
	width: 425px;
	padding-left:66px;
	

	}
.result_contents_bg{
		background-image: url(../images/white_bg.jpg);
	background-repeat: repeat-y;
	background-position: top;
	float: left;
	height: 100%;
	width: 766px;
	}
.result_contents{
	float:left;
	padding-left:66px;
	width:630px;


	}

.footer {
	background-image: url(../images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	height: 50px;
	width: 766px;
	padding-top:25px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	Color:#586268;
}
.footer2 {
	float: left;
	height: 140px;
	width: 766px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	Color:#586268;
}


.news_sub_bottom {
	background-image: url(../images/footer_sub.jpg);
	background-repeat: no-repeat;
	background-position: top;
	float: left;
	height: 90px;
	width: 766px;
	padding-top:55px;
	text-align:center;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	Color:#586268;
}
.nav {
	width:468px;
	padding-left:298px;
	padding-top:12px;
	float: left;

	}
.nav ul {
	display: block;
	
}
.nav li {
	list-style-type: none;
	float: left;
	margin-right:10px;
	background-image: url(../images/bk.jpg);
	background-repeat: no-repeat;

}	



.contact_line2 {

	background-image: url(../images/line_about.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	width: 190px;
    height: 106px;
	margin-top:20px;
	padding-left: 10px;
}
.contact_line4 {

	background-image: url(../images/line_about.gif);
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	width: 310px;
    height: 260px;
	margin-left:5px;
	margin-top:10px;
	padding-left: 20px;
}

.contact_line3 {

	background-image: url(../images/line_about.gif);
	background-repeat: repeat-y;
	background-position: left center;
	float: left;
	width: 310px;
    height: auto;
	margin-left:5px;
	margin-top:10px;
	padding-left: 20px;
}


.mist_tech{
	padding-top: 5px;


}

.mist_tech2{
	padding-top: 5px;
	width:455px;

}

.home_news{ width:690px; float:left; padding-left:35px; padding-top:22px; }

.home_news a{
	padding-bottom:1px;
	text-decoration:underline;
 } 
 
.news_header {
	float:left;
	padding-top:65px;
	padding-left: 120px;
}
.p_header {
	float:left;
	width:570px;
	padding-top:55px;
	padding-left:100px;
}
.news_sub {
	float:left;
	width:530px;
	padding-left:60px;
	padding-top:20px;
	color:#007697;
	font-weight:bold;
}

.news_sub_page {
	float:left;
	width:650px;
	padding-left:60px;
	padding-top:20px;
	color:#007697;
	font-weight:bold;
}

.news_content{
float: left;
line-height: 20px; 
width:530px; 
padding:15px 0 15px 60px;

}

.news_content_page{
float: left;
line-height: 20px; 
width:650px; 
padding:10px 0 15px 60px;

}
.image_right {
float:right;
width:310px;
padding-right:5px;
padding-left:15px;
padding-top:5px;
}

.news_right {
float:right;
width:auto;
padding-right:45px;
color:#017191;
font-weight: bold;
}
.next{
	margin-top: 20px;
	font-weight: bold;
	color: #333333;
}
.title_home {
	float: left;
	padding-top: 25px;
}

.title_home1 {
	padding-left: 5px;
}
.title_home2 {
	font-weight: bold;
	color: #FFFFFF;
	width: 460px;
	padding-left: 30px;
}
.title_home3 {
	float: left;
	width: 455px;

	padding-left: 35px;
}
.contents_home {
	width: 440px;
	
}
.home_img {
	padding-top: 10px;
	padding-bottom: 10px;
}
#home_img2 {
	float: left;
	width: 700px;
	padding-top: 10px;
	padding-left: 35px;
}
#home_ul1 {
	padding-left: 45px;
}
#home_ul2 {
	width: 250px;
	padding-left: 25px;
}
.home_left {
	float: left;
	width: 390px;
	padding-top: 10px;
	padding-left: 35px;
}
.home_left_cus {
	float: right;
	width: 400px;
	margin-left:10px;

}
#home_img3 {
	padding:0 60px 0 0;
	font-size: 17px;
	font-weight: bold;
	color: #666666;
	line-height: 19px;
	width:190px;
	float:right;
}
#home_img4 {
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 25px;
}
#home_img5 {
	float: left;
	padding-top: 15px;
}
#result_img1 {
	float: left;

	padding-right:10px;
}
.home_left2 {
	float: left;
	width: 220px;
	padding-top: 10px;
	padding-left: 10px;
}
.home_left2_cus {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-left: 10px;
}
#home_img6 {
	float: left;
	padding-top: 15px;
}
.home_right {
	float: left;
	width: 180px;
	padding-left: 20px;
	padding-top:30px;
}


.home_news ul{padding-left:10px;}
#about_img1 {
	float: left;
	padding-top: 40px;
	padding-left: 130px;
}
#about_mid1 {
	float: left;
	width: 455px;
	padding-left: 35px;
}
#about_mid2 {
	width: 460px;
	padding-top: 2px;
}
#about_img2 {
	float: left;
	width: 207px;
	padding-left:10px;
}
#about_img3 {
	float: left;
	padding-top: 15px;
	padding-left: 35px;
}
#about_img3_2 {
	float: left;
	padding-top: 7px;
	padding-left: 35px;
}
.about_mid3 {
	color: #333333;
	width: 455px;

	padding-right: 10px;
}
#about_mid4 {
	color: #000000;
	padding-top: 5px;
}
#about_mid5 {
	float: left;
	width: auto;
	padding-top: 10px;
	padding-left: 35px;
}

.about_solutions1 {
	float:left;
	width: 335px;
	color: #5f6b6f;
	padding-top:5px;
	padding-left: 35px;
}

.about_solutions2 {
	float:right;
	width: 335px;
	color: #5f6b6f;
	padding-top:5px;
	padding-right: 35px;
}

#contact_img1 {
	float: left;
	padding-top: 50px;
	padding-left: 95px;
}
#contact_img2 {
	float: left;
	width: 455px;
	padding-left: 35px;
}
.contact_mid1 {
	line-height: 22px;
	width: 455px;
	padding-top: 15px;
}
#contact_img3 {
	float: left;
	width: 217px;
}
#contact_img4 {
	float: left;
	padding-top: 20px;
	padding-left: 35px;
		width: 700px;
}
.contact_mid2 {
	padding-top: 30px;
}
#contact_img5 {
	float: left;
	width: 180px;
	padding-top: 15px;
	padding-left: 35px;
}
#contact_mid2 {
	line-height: 18px;
	color: #333333;
	padding-top: 10px;
}
#contact_img6 {
	color: #333333;
	text-align: center;
	padding-top: 40px;
}
#contact_a {
	font-weight: bold;
	color: #007c9e;
	text-decoration: none;
}
#mist_img1 {
	float: left;
	padding-top: 60px;
	padding-left: 20px;
}
#mist_img2 {
	float: left;
	width:460px;
	padding-top: 20px;
	padding-left: 35px;
}
#mist_img3 {
	float: left;
	width: 374px;
	padding-top: 15px;
	padding-left: 35px;
}
#mist_img4 {
	padding-top: 20px;
}
#mist_content1 {
	width: 480px;
}
#mist_content2 {
	width: 465px;
	padding-top: 15px;
	padding-left: 25px;
}
#mist_img5 {
	float: left;
	width: 455px;
	padding-left: 35px;
}

ul.menu {list-style:none;  font-weight:300;}
ul.menu * {margin:0; padding:0}
ul.menu a, ul.menu a:hover {
	display:block;
	text-decoration:none;
	font-size: 12px;

	color:#FFFFFF; 
}
ul.menu li {position:relative; float:left; margin-right:3px; text-align:left;}
ul.menu ul{position:absolute; top:26px; left:2px; background:#47BBDC; display:none; opacity:0; list-style:none; z-index:999;}

ul.menu ul.ul_right {position:absolute; top:26px; left:-68px; background:#47BBDC; display:none; opacity:0; list-style:none;z-index:999; }
ul.menu ul.ul_right li a {
	display:block;
	background:#47BBDC;
	width:131px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right:10px;
	font-size: 12px;
	text-align:right;
	
}
ul.menu ul.ul_right li {
	position:relative;
	width:149px;
	margin:0;
	text-align:right;
	border-top-style: solid;
	border-top-color: #91DAEC;
	border-top-width: 1px;
	
}
ul.menu ul li {
	position:relative;
	width:149px;
	margin:0;
	border-top-style: solid;
	border-top-color: #91DAEC;
	border-top-width: 1px;
	z-index:999;

}
ul.menu ul li a{
	display:block;
	background:#47BBDC;
	width:141px;
	padding-top: 2px;
    padding-bottom: 2px;
	padding-left: 8px;
	font-size: 12px;
	
	
}
ul.menu ul li a:hover {background-color:#6CC9E3; font-size: 12px;}
ul.menu .menulink {padding:5px 4px 3px;  width:auto; display:block; white-space:nowrap;word-break:keep-all;text-align:center;}
ul.menu .menulink2 {padding:5px 4px 3px;  width:auto;display:block; white-space:nowrap;word-break:keep-all;text-align:center; }
ul.menu .menulink3 {padding:5px 0 3px 4px;  width:68px; display:block; white-space:nowrap;word-break:keep-all;text-align:left; }

ul.menu .menulink:hover, ul.menu .menuhover {}
ul.menu .sub {background:#47BBDC }
ul.menu .topline {border-top:1px solid #91DAEC}




.left_b {
width:165px;
height:350px;
float:left;

}
.left_b ul {list-style:none;}
.left_b li {
	background-color:#0EB5E1;
	background-image: none;
	margin-bottom:1px;
	height:24px;
	overflow:hidden;
	padding:0;
}
.left_b li a{
	color:#FFFFFF;
	display:block;
	font-weight: bold;
	padding:3px 0 0 10px;
	height:19px;
	line-height:16px;
	overflow:hidden;
}

.left_b li a:hover{
	color:#FFFFFF;
	font-weight: bold;
	display:block;
	background-color: #6CC9E3;
	padding:3px 0 0 10px;
	height:19px;
	line-height:16px;
	overflow:hidden;
}
.right_b {
float:left;
padding-left:30px;

}
.left_title {
font-size:13px;
font-weight:bold;
width:155px;
color:#0FB6E2;
padding:0 0 7px 10px;
	border-bottom-style: solid;
	border-bottom-color: #0A8FB6;
	border-bottom-width: 3px;
}
.s_contents_new {
	
	width: 500px;
}
.s_contents_new_cus {
	
	width: 350px;
}
.right_cus {
width:250px;
float:left;
}


.contact {
	color:#333;

	padding:0 0 0 105px;

}

.input_wrap {
	width:406px;
	float:left;
	margin-bottom:5px;
	text-align: right;
}
.input_wrap2 {
	width:398px;
	float:left;
	margin-bottom:5px;
	text-align: right;
	padding-right:8px;
}

.input_wrap3 {
	width:408px;
	float:left;
	margin-bottom:5px;
	text-align: left;

}

.input_wrap input{
	width:216px;
	height:18px;
	vertical-align: middle;
	margin:0 5px 0 10px;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.input_wrap2 input{
	width:216px;
	height:18px;
	vertical-align: middle;
	margin:0 5px 0 10px;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.input_wrap3 input{
	width:207px;
	height:18px;
	vertical-align: middle;
	margin:0 5px 0 10px;
	border: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.contact_form {
	float:left;
		width:393px;
	padding: 0 0 15px 5px ; 
		text-align: right;
}
* html .contact_form {
	width:auto;
	float:left;
	padding: 15px 0 20px 3px;
}
.contact_checkbox input{
margin:0 10px 0 0;
}
.contact_form textarea{
width:216px;
margin:0 5px 0 6px;
vertical-align: top;
border: 1px solid #999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
	
	
}

.contact_checkbox {
	width:332px;
	padding:0 0 5px 68px;
	float:left;

}


.contact_submit {
	width:390px;
	padding:5px 0 0 88px;;
	text-align: center;
}

.error_info {
	color:#FF0000;
	font-size:10px;
	padding: 0 0 0 240px;
	height:auto;
	overflow:hidden;
}
FORM {
padding:0;
margin:0;
}

.f_pic {
	position:absolute;
	left: 145px;
	top: 85px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
}

#holdit {
	height:auto!important; height:150px; min-height:150px;
	margin:0 0 0 -1px;
	*margin:0 0 0 -2px;
	*+margin:0 0 0 -2px;
	padding:1px;
	position:relative;
	width:630px;
			clear:both;
			float:left;
}
#holdit img {position:absolute; z-index:1; top:0px; right:2px; *right:2px; *+right:2px;}
#holdit div {display:block; float:right; clear:right; overflow:hidden; }

.a2 {width:230px; height:153px;float:right; }
.a3 {
	width:226px; 
	height:100px;
	padding:6px 2px 0 2px;
	text-align:left;
	font-size:11px;
	background-color:#0DB4DE;
	color:#FFFFFF;
}

#holdit_b {
	height:auto!important; height:120px; min-height:120px;
	margin:0 0 0 -1px;
	*margin:0 0 0 -2px;
	*+margin:0 0 0 -2px;
	padding:1px;
	position:relative;
	width:630px;
			clear:both;
			float:left;
}
#holdit_b img {position:absolute; z-index:1; top:0px; right:2px; *right:2px; *+right:2px;}
#holdit_b div {display:block; float:right; clear:right; overflow:hidden; }

.b2 {width:110px; height:144px;float:right; }
.b3 {
	width:97px; 
	height:20px;
	padding:3px 2px 0 2px;
	text-align:left;
	font-size:11px;
	background-color:#0DB4DE;
	color:#FFFFFF;
	float:right;
}

.pda_list {
width:630px;
padding-top:15px;
clear:both;
float:left;
}
.pda_list li {
	width:145px;
	height:240px;
	float:left;
	border: 1px solid #CCC;
	list-style:none;
	padding:8px 0 8px 0;
	text-align:center;
	display:block;
	background:none;
	margin:5px 5px 5px 5px;

}

.pda_list_atnt {
width:630px;
padding-top:15px;
clear:both;
float:left;
}
.pda_list_atnt li {
	width:145px;
	height:210px;
	float:left;
	border: 1px solid #CCC;
	list-style:none;
	padding:8px 0 8px 0;
	text-align:center;
	display:block;
	background:none;
	margin:5px 5px 5px 5px;

}
.pda_header {
	float:left;
	padding-top:65px;
	padding-left: 230px;
}