.wpcf7 .screen-reader-response {
	position: absolute;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	border: 0;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	border: 2px solid #00a0d2; /* Blue */
}

.wpcf7 form.init .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	border-color: #46b450; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #dc3232; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	border-color: #f56e28; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	border-color: #ffb900; /* Yellow */
}

.wpcf7-form-control-wrap {
	position: relative;
}

.wpcf7-not-valid-tip {
	color: #dc3232;
	font-size: 1em;
	font-weight: normal;
	display: block;
}

.use-floating-validation-tip .wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: 1px solid #dc3232;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}

span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
	content: " ";
}

div.wpcf7 .ajax-loader {
	visibility: hidden;
	display: inline-block;
	background-image: url('../../assets/ajax-loader.gif');
	width: 16px;
	height: 16px;
	border: none;
	padding: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}

div.wpcf7 .ajax-loader.is-active {
	visibility: visible;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

div.wpcf7 input[type="file"] {
	cursor: pointer;
}

div.wpcf7 input[type="file"]:disabled {
	cursor: default;
}

div.wpcf7 .wpcf7-submit:disabled {
	cursor: not-allowed;
}

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	direction: ltr;
}


.login_frm{

	width:100%;
	max-width:100%;

}

.login_frm .logo{

	padding-top:30px;
}

.login_frm .logo img{

	width:80%;
	margin:0 auto;
}

.login_frm .login_info{

	width:100%;
	margin-top:20px;

}

.login_frm .login_info.etc{

	width:100%;
	margin-top:50px;

}

.login_frm .login_info ul{

	overflow:hidden;
}

.login_frm .login_info ul li{

	margin-bottom:10px;
	margin-left:0px !important;
	font-weight:bold;
	color:#212121;
	font-size:18px;
	width:100%;
}

li{
	list-style:none;
}

.login_frm .login_info ul li select {
    -webkit-appearance: none; /* 移除iOS上的默认外观 */


    -moz-appearance: none; /* 移除Firefox上的默认外观 */


    appearance: none; /* 为了自定义箭头移除默认下拉箭头 */


    position: relative; /* 父容器需要是相对定位 */
	
	border-radius:5px;

	border:1px solid #cccccc;
	font-weight:normal;
	color:#333333;
	height:50px;
}


.login_frm .login_info ul li select:after {


    content: '▼'; 


    position: absolute; 


    right: 10px; 


    top: 50%;


    pointer-events: none;


    transform: translateY(-50%); 


}

.login_frm .login_info ul li span{

	display:block;
	font-weight:normal;
	float:left;
}

.login_frm .login_info ul li span:first-child{

	width:13%;
	height:50px;
	line-height:50px;

}


.login_frm .login_info ul li span:last-child{

	width:87%;
}

.login_frm .login_info ul li input{
	
	border:1px solid #cccccc;
	height:50px;
	font-weight:normal;
	color:#33333;
	border-radius:5px;

}

.login_frm .login_info ul li input::placeholder {
    color: #666666; 
    font-size: 14px; 
   
}

.login_frm .login_info .chk_btn{

	margin-top:10px;
}

.login_frm .login_info .chk_btn button{

	width:100%;
	border:none;
	height:50px;
	text-align:center;
	background:#703d92;
	border-radius:10px;
	color:#ffffff;
	font-weight:500;
	font-size:18px;

}

.login_frm .login_info .pchk_btn{

	margin-top:10px;
}

.login_frm .login_info .pchk_btn button{

	width:100%;
	border:1px solid #703d92;
	height:50px;
	text-align:center;
	background:none;
	border-radius:10px;
	color:#703d92;
	font-weight:bold;
	font-size:18px;

}

.btm{

	position:absolute;

	bottom:-30%;


}
.btm span{

	color:#333333;
	font-size:12px;
	

}

.login_frm .login_info li div.hit{
	color:red;
	font-size:14px;
	font-weight:normal;
	text-align:center;
}


.info_frm{

	width:100%;
	max-width:100%;

}

.info_frm .logo{

	padding-top:30px;
}

.info_frm .logo img{

	width:40%;
	margin:0 auto;
}

.info_frm .info_txt{

	margin-top:20px;
	text-align:center;
}

.info_frm .info_txt span{

	display:block;
	font-size:1em;
	font-weight:bold;
	margin-bottom:2px;
}

.info_frm .info_txt span em{
	color:#703d92;
	font-style:normal;
}

.info_frm .info_line{

	width:100%;
	border-bottom:1px;
	height:1px;
	color:#cfcfcf;
}


.info_line {
  position: relative; /* 定位上下文 */
  margin-top:20px;
 
}
 
 .info_line::after {
  content: ""; /* 必须设置content属性来生成伪元素 */
  position: absolute; /* 绝对定位 */
  left: 0; right: 0; /* 从左到右填满容器 */
  top: 50%; /* 垂直居中 */
  border-top: 1px solid #cfcfcf; /* 底部边框为2px实线，颜色为黑色 */
}
.info_frm .info_txt1{

	padding-top:20px;
	text-align:center;
}
.info_frm .info_txt1 span{

	display:block;
	font-size:0.9em;
	font-weight:normal;
	margin-bottom:2px;
	color:#222222;
}

.info_frm .info_txt1 span em{
	color:#703d92;
	font-style:normal;
	font-weight:bold;
}


.info_frm .info_txt2{

	padding-top:20px;
	text-align:center;
}
.info_frm .info_txt2 span{

	display:block;
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:2px;
	color:#222222;
}

.info_frm .info_txt2 span em{
	color:#af2121;
	font-style:normal;
	font-weight:bold;
}

.regi_btn{
	
	width:100%;
	margin-top:20px;
	text-align:center;

}

.regi_btn button{

	width:50%;
	height:50px;
	border:1px solid #b79dc8;
	color:#703d92;
	text-align:center;
	font-weight:bold;
	border-radius:10px;
	font-size:1em;
}

.hit_txt{

	color:red;
	font-size:14px;
	font-weight:normal;
	text-align:center;

}

@media screen and (min-width: 550px) {
    .medium-4.etc{
        max-width: 320px !important;
        -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    }
}