@charset "utf-8";
/* CSS Document #3385FF*/

*{font-family: 'overpassregular';font-family:'Microsoft YaHei','SimSun';font-size:16px;margin:0;padding:0;}
a{text-decoration:none;color:#000000;}
@media only screen and (min-width: 800px){
	body{
		width:50%;
		margin:auto;
		background:url('../images/bg.png') repeat;
	}
}

@media only screen and (max-width: 800px) {
	body{
		width:100%;
		background:url('../images/bg.png') repeat;
	}
}


table{border-collapse:collapse;border-spacing:0;}

li{
	 list-style-type:none
}

.container{
	background-color:#f0f0f0;
}

.header{
	text-align:center;
	height: 48px;
	background: -webkit-gradient(linear, left top, left bottom, from(#44B549), to(#44B549));
}
.header h1{
	padding-top:0.2em;
	color:#fffffb;
	font-size:1.5em;
	font-weight:normal;
}


.main{
	border-top: 1px solid #212121;
	background:url('../images/bg.png') repeat;
	height:100%;
	width:97%;
	margin:auto;
	padding-top:3%;
	text-align:center;
}

.main-content{
	background-color:white;
	display:block;
	width:100%;
	height:10%;
	margin:auto;
	border-radius: 1em;
	text-align:left;
	padding-bottom:6%;
}

.content-header{
	color:#707f93;
	font-weight:bold;
	width:97%;
	margin:auto;
	padding-top:1em;
	padding-bottom:1em;
	border-bottom:dotted 1px;
}
.content-header h3{
	font-size:1.133em;
	padding-left:10px;
}

.alignRight{
	padding-left:15px;
	text-align:left;
}


.table { 
  display: table; 
  width:100%;
} 
  
.row { 
  display: table-row; 
} 

.cellwidth{
	width:6.68em;
}

.cell { 
	display: table-cell; 
	font-size:0.888em;
	color:#707f93;
	padding-top:0.3em;
	padding-bottom:0.3em;
	word-break:break-all;
	word-wrap:break-word;
}


.imagediv{
	float:left;
}

.feeds_text{
	margin-top:5%;
	background:url('../images/no_click.png');
	height:50px;
	width:60%;
	background-position:top right;
	background-repeat: no-repeat;
}

.feeds_text:hover{
	background:url('../images/btn_click.jpg');
	background-position:top right;
	background-repeat: no-repeat;
}

@media only screen and (min-width:800px){
	.feeds_text{
		margin-left:8%;
	}
}

@media only screen and (max-width: 480px){
	.feed-image{
		max-width:70%;
	}
}

@media only screen and (min-width: 480px) and (max-width:800px){
	.feeds_text{
		margin-left:8%;
	}
}

.feeds_text{
	float: left;
}

.footer{
	width:100%;
	margin:0;
	padding:0 0 5% 0;
	text-align:center;
}


.sub_btn{
	max-width:90%;
}

.label{
	font-size:1.133em;
	color:#707193;
	font-weight:bold;
}
.text-font{
	font-size:1.233em;
}
.font1em{
	font-size:1em;	
}
.ui-input-text{
	width: 100%;
	font-size:1.233em;
	color:#a5b0be;
	border: 0;
	padding: 0;
	margin: 0;
	height:30px;
	display: block;
	background: transparent none;
	outline: 0!important;
}
.getCode{
	background:url('../images/get-code.png') no-repeat;
	padding:0.7778em;
}