@charset "utf-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{TEXT-ALIGN: center; background: #fff;font-family: "宋体", "Arial Narrow", HELVETICA; font-size: 12px;height: 100px; }

#container #header #nav-bars { float: right; height: 30px; width: 180px; margin-right: 54px; margin-top: 54px; }
#nav-bars a{ color:#000;}
#container #header { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
#container { text-align:left ; MARGIN-RIGHT: auto; MARGIN-LEFT: auto;  height: 660px; width: 1050px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; }
#container #header #logo { float: left; }
#container #center { overflow:hidden; height: 506px; width: 1050px; margin-top: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.clean{ clear:both;}
#container #center #left , #container #center #right {height: 506px; }
#container #center #left { width: 112px; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #ccc; }
#center #right {float:left ; width:937px; }

.menu{ margin-top: 10px ; color: #FFF; background-color: #142541; color: #FFF;}
.menu a{ color:#FFF;text-decoration:none}
.wrap{ display:table; height: 162px; width: 112px;}
.box{ vertical-align:middle; display:table-cell; text-align:center;}
.item .box p {
	position: relative;
	line-height: 20px;
	width: 80%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #27487E; margin-left:10%; text-align:left; text-indent:10px;
	
}
.menu .item { position: absolute;z-index: 1000; margin-left:112px; float: left;  margin-top: -162px; display:none;
background:rgba(255, 255, 255, 0.6)!important;
filter:Alpha(opacity=60); background:#fff; 
}
.menu .item a { width: 134px; color: #27487E; font-weight: bold; }
#center #right #apps tr td { border: 1px solid #ddd; }
#center #right #price tr td  , #center #right #apps tr td{
	line-height: 35px;
	text-align: center;
	font-size: 14px;
}

#center #right #aboutus tr td{
	line-height: 30px;
	text-align: center;
	font-size: 14px;
}
#footer {font-size: 14px; }
.footer-box {
	display: table-cell;vertical-align:middle;text-align:center;*display: block;
	*font-size: 175px;*font-family:Arial;width:1050px;height:35px;
}
.footer-box img {vertical-align:middle; border:0;}





/*MAIN*/
.main{
	width:100%;
	margin:0 auto;
	height:100%;
}


.main  .cinputarea{
	width:280px;
	float:right;
	background:#142541;
	color:#FFF;
	line-height:30px;
	font-family:"Courier New", Courier, monospace;	
	position:absolute;
	z-index:2;
	margin-left:657px;
	
}
.main  .cinputarea .wximg-wrap{
	position:absolute;
	left:-178px;
	top:0;
	height:174px;
	width:174px;
	background:red;
}
.wximg-wrap img{
	width:100%;
	height:100%;
}
.main #btn{ padding: 1px 15px; margin-bottom:5px; background-color:#999; }
.main  .cinputarea .line{
	line-height:25px;
	}
.main  .cinputarea .h1{
	font-size:14px;
	font-weight:bold;

	line-height:20px;
	margin-top:2px;
	text-align:center;
}
.main  .cinputarea span{width:60px; display:inline-block;text-indent:1em;}
#float-win { position:absolute; top: 261px; right:5px;  background-color: #FFF;  }



/* button   
---------------------------------------------- */  
.button {  
    display: inline-block;  
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */  
    *display: inline;  
    vertical-align: baseline;  
    margin: 0 2px;  
    outline: none;  
    cursor: pointer;  
    text-align: center;  
    text-decoration: none;  
    font: 14px/100% Arial, Helvetica, sans-serif;  
    padding: .5em 2em .55em;  
    text-shadow: 0 1px 1px rgba(0,0,0,.3);  
 
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);  
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);  
    box-shadow: 0 1px 2px rgba(0,0,0,.2);  
}  
.button:hover {  
    text-decoration: none;  
}  
.button:active {  
    position: relative;  
    top: 1px;  
}  
  
.bigrounded {  
    -webkit-border-radius: 2em;  
    -moz-border-radius: 2em;  
    border-radius: 2em;  
}  
.medium {  
    font-size: 12px;  
    padding: .4em 1.5em .42em;  
}  
.small {  
    font-size: 11px;  
    padding: .2em 1em .275em;  
}  
  
/* white */  
.white {  
    color: #606060;  
    border: solid 1px #b7b7b7;  
    background: #fff;  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));  
    background: -moz-linear-gradient(top,  #fff,  #ededed);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');  
}  
.white:hover {  
    background: #ededed;  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));  
    background: -moz-linear-gradient(top,  #fff,  #dcdcdc);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');  
}  
.white:active {  
    color: #999;  
    background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));  
    background: -moz-linear-gradient(top,  #ededed,  #fff);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');  
}  

/* orange */  
.orange {  
    color: #fef4e9;  
    border: solid 1px #da7c0c;  
    background: #f78d1d;  
    background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));  
    background: -moz-linear-gradient(top,  #faa51a,  #f47a20);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');  
}  
.orange:hover {  
    background: #f47c20;  
    background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));  
    background: -moz-linear-gradient(top,  #f88e11,  #f06015);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');  
}  
.orange:active {  
    color: #fcd3a5;
    background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));  
    background: -moz-linear-gradient(top,  #f47a20,  #faa51a);  
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');  
}

.footer-box p{
    line-height: 20px;
}