/* common use*/
*{
	padding:0px;
	margin:0 auto;
	color:#666;
	font-family:"Microsoft Yahei",arial;}

li{
	list-style-type:none;
	line-height:180%;}

img{border:0; padding-left:5px;}
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }

a{color:#2fabcf;text-decoration:none;}
a:hover {text-decoration:underline;color:#2fabcf;}
a:active{text-decoration:underline;}

.LineLink a{text-decoration:underline;}
.LineLink a:hover {text-decoration:none;color:#CC0000;}

.ColorLink a {color:#1C5CC7;}
.ColorLink a:hover {color:#cc0000;}

.WidthTab{
	width:10px;
	height:1px;
	float:left;}	
.HeightTab{
	height:10px;
	width:1px;}	

body{
	background:#f2f2f2;
	font-size:12px;
	color:#075D6C;
	padding-top:0px;}

.mains{
	width:100%;
	height:611px;}


.mains .inners{
	margin:auto;
	width:100%;
	}

.mains .inners .lefts{
	float:left;
	width:400px;
	height:530px;
	background:url("../images/back_logo.jpg") no-repeat 130px top;}

.mains .inners .login{
	width:100%;
	padding-top:120px;
	}


			
 .CopyR{
	margin:auto;
	text-align:center;
	color:#2fabcf;
	font-size:14px;
	padding-top:20px;}


.login .center .inner{
	padding-top:15px;
	padding-bottom:15px;
	width:290px;
	margin:0 auto;
	border:1px solid #e0e0e0;
	background-color: rgba(250,250,250,0.5);
	border-radius: 5px;
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2), 
    			inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
	}
.login .center .inner .logo{
	width:209px;
	margin:0 auto;
	height:49px;
	padding-bottom:10px;
    background:url("../images/logo.png") no-repeat;
	}
.login .center .inner #innnertalbe{
	}	
.login .center .inner input{
	border:1px solid #e0e0e0;
	line-height:20px;outline:none;
	height:20px;
	padding:5px;
	margin-left:10px;
	width:180px;
	font-size:14px;
	font-family:"Microsoft Yahei",Arial, Helvetica, sans-serif;
	color:#075D6C;
	}
.login .center .inner input:hover{
	border:1px solid #e0e0e0;outline:none;
}

.login .center .inner .LoginCode{
padding-left:10px;height:25px;line-height:25px;color:##155FA9;
}
.login .center .inner .LoginSub{
	font-size:18px;
	font-weight:normal;
	width:140px;
	height:40px;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: #64c8ef; /* Old browsers */
	background: -moz-linear-gradient(top,  #64c8ef 0%, #00a2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #64c8ef 0%,#00a2e2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c8ef', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
	color: #fff;
	padding: 5px 15px;
	margin-right: 0;
	margin-top: 15px;
	border-radius: 3px;
	text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
	}
.login .center .inner .LoginSub:hover{
    background: -moz-linear-gradient(bottom,  #64c8ef 0%, #00a2e2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(bottom,  #64c8ef 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(bottom,  #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(bottom,  #64c8ef 0%,#00a2e2 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #64c8ef 0%,#00a2e2 100%); /* W3C */
	border: 1px solid rgba(0, 0, 0, 0.3); cursor:pointer;}	


.login .center .inner  .verifycode{
	width:80px;
	height:20px;
	line-height:20px;}

/* clearfix */
.clearfix:after{
	content:" ";
	display:block;
	visibility:hidden;
	height:0;
	clear:both;
}
.clearfix {
	clear:both;
}
.clearbox {
	clear:both; 
	width:996px; 
	margin:0 auto; 
	height:0; 
	overflow:hidden;}
.clear { 
	height:1%; 
	overflow:hidden; }	
@media all and (min-width:200px) and (max-width:1024px) { 
.mains .inners .login{
	padding-top:50px;
	}
}
				