@charset "utf-8";
/* CSS Document */
a{
	color:#000;
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
input{
	border:none;
	outline:none;
}

/*pc*/
@media screen and (min-width: 830px) {
	a{
		color:#fff;
	}
	.reg{
		width:520px;
		height:395px; 
		margin:0px auto;
		background-color:#EFEFEF;
		overflow:hidden;
		opacity:0.8; 
		transition:1.2s;
        border-top-left-radius:20px;
		border-top-right-radius:20px;
		border-bottom-left-radius:12px;
		border-bottom-right-radius:12px;
	}
	.reg h2, .reg h3, .reg p{ 
	    margin:0;
		padding-top:20px; 
		margin-left:6%;
		margin-right:4%;
		font-size:20px;
	}
	.reg h2 a{
		float:right;
		margin-right:6%;
		color:#006799;
	}
	.reg h2 a:hover{
		color:red;
	}
	.reg .reg_bj{
		width:100%;
	}
	.reg .reg_bj img{
		width:100%;
	}
	.reg h3 input{
		clear:both;
		border:0;
		width:86%;
		height:30px;
		text-indent:8px;
		font-size:20px;
		border-radius:6px;
	}
	.reg h3 img{
		width:55px;
		display:none;
	}
	.reg h3 .loginBtnBg{
	    width:35px;
		display:block;
	}
	.reg p img{
		width:12px;
	}
	.reg .yzm input{
		width:32%; 
	}
	.reg .yzm img{
		width:106px; 
		float:right;
		margin-right:40%; 
		display:inline-block;
		background-color:#DEDEDE;
		margin-left:10px; 
		height:32px; 
		letter-spacing:8px;
		text-indent:8px;
		line-height:26px;
		border-radius:5px;
	}
	.reg .yzm #code{
		line-height:26px;
		border:1px solid #000; 
	}
	.reg .btn input{
		width:30%; 
		height:40px;
	}
	.reg .btn a{ 
		float:right;
		font-size:16px;
		margin-top:5px;
		margin-right:15%;
	}
	.reg p{
		display:none;
		font-size:14px;
	}
	.reg h3 em input{
		width:35px;
		height:35px;
	}
	.reg h3 .noPass{
		float:right; 
		margin-right:11%;
		margin-top:20px;
	}
	.reg #yes1{
		width:30px;
	}
	.reg #yes2{
		width:30px;
	}
	.reg .ckMd{
		display:inline-block; 
		width: 18px;  
		height:18px; 
		margin-top:8px; 
		float:left;
		margin-right:5px;
	}
}

/*mt*/
@media screen and (max-width: 830px) {
	.reg{
		width:96%;
		height:520px; 
		margin:0 auto;
		background-color:#EFEFEF;
		overflow:hidden;
		transition:1.2s;
        border-bottom-left-radius:20px;
        border-bottom-right-radius:20px;
	}
	.reg h2, .reg h3, .reg p{ 
	    margin:0;
		padding-top:20px; 
		margin-left:6%;
		margin-right:4%;
		font-size:16px;
	}
	.reg h2 a{
		float:right;
		margin-right:6%;
		color:#006799;
		font-size:14px;
	}
	.reg h2 a:hover{
		color:red;
	}
	.reg .reg_bj{
		width:100%;
	}
	.reg .reg_bj img{
		width:100%;
	}
	.reg h3 input{
		clear:both;
		border:0;
		width:86%;
		height:30px;
		text-indent:8px;
		font-size:16px;
		border-radius:6px;
	}
	.reg h3 img{
		width:55px;
		display:none;
	}
	.reg h3 .loginBtnBg{
	    width:35px;
		display:block;
	}
	.reg p img{
		width:12px;
	}
	.reg .yzm input{
		width:26%; 
	}
	.reg .yzm img{
		width:86px; 
		float:right;
		margin-right:40%; 
		display:inline-block;
		background-color:#DEDEDE;
		margin-left:10px; 
		height:30px; 
		letter-spacing:8px;
		text-indent:8px;
		line-height:26px;
		border-radius:5px;
	}
	.reg .yzm #code{
		line-height:26px;
		border:1px solid #000; 
	}
	.reg .btn input{
		width:30%; 
		height:40px;
	}
	.reg .btn a{ 
		float:right;
		font-size:14px; 
		margin-top:8px;
		margin-right:15%;
	}
	.reg p{
		display:none;
		font-size:14px;
	}
	.reg h3 em input{
		width:35px;
		height:35px;
	}
	.reg h3 .noPass{
		float:right; 
		margin-right:11%;
		margin-top:20px;
	}
	.reg #yes1{
		width:30px;
	}
	.reg #yes2{
		width:30px;
	}
	.reg .ckMd{
		display:inline-block; 
		width: 18px;  
		height:18px; 
		margin-top:3px; 
		float:left;
		margin-right:5px;
	}
}