@media screen and (max-width:640px) {
   body{
	   overflow-x: hidden;
   }
   
   #header{
	   display:none;
	   width: 100%;
	   background-color: #af9071;
	   color:#fff;
   }
   
   #header .content {
	   display:none;
   }
   
   #footer{
	   width:auto;
	   padding: 15px;
   }
   #content{
	   width:100%;
	   
	       padding: 20px 0 0 0;
   }
   .wap_btm_nav{
	   bottom:0px !important;
   }
   /*login*/
   .form-login{
	 width: 100%;
	 padding-left: 10px;
   }
   
   .form-login h2 {
    font-size: 22px;
    color: #494949;
    border-bottom: 1px dashed #CCC;
    padding-bottom: 3px;
    margin-bottom: 10px;
    text-align: center;
	   
    }   
	.onCorrect,.onShow,.onError,.onFocus,.input img{
		display: block;
	    margin-left: 80px;
        line-height: 20px;
	    margin-top: 5px;
		font-size: 14px;
	}
	/*reg*/
	.aui_content iframe{
		width:100% !important;
	}
	.aui_content{
		width: 100% !important;
	}
	.aui_dialog{
		width:100%;
	}
	.aui_border{
		width:100%;
	}
	.aui_state_focus{
		width:100% !important;
	}
	#protocoltip{
		    margin-left: 0px;
	}
	.input img{
		 margin-left: 85px;
	}
    .input-text, .measure-input, textarea, input.date, input.endDate, .input-focus{
	   width: 60%;
       height: 30px;
	   font-size: 15px;
    }
	.take{
		margin-top: 15px;
		    font-size: 15px;
	}
	#cookietime,#protocol{
		    width: 20px;
    height: 20px;
	}
	
    .aui_state_focus{
	width:100%:
    }
	.reg-auto{
		text-align: center;
	}
	
	/*forget-password*/
	#content h2{
		text-align: center;
	}
	
	.point{
		text-align: center;
    width: 100%;
	    margin-right: 0px;
    margin-left: 0px;
	}
	
	
	/*index*/
	.logo a {
		display:none;
	}
	
	#header .logo{
		margin-left: 10px;
		background:none;
		
	}
	
	#header .logo h3{
		display: block;
		    margin-top: 15px;
    font-size: 22px;
    font-weight: bold;
	}
	
	#header .link {
    position: absolute;
    right: 10px;
    top: 20px;
	font-size: 15px;
    }
	
	
	#header .link a{
		color:#fff;
	}
	
	
	.left-memu{
		width:100%;
	}
	
	
	.left-memu .title{
		background: url(../images/member/member_left_menu.png) repeat;
    height: 22px;
	}
	
	#memberArea .col-auto{
		float: left;
		    width: 100%;
	}
	
	#memberArea{
		width:100%;
	}
	
	.left-memu h6.title{
		text-align:center;
	}
	.left-memu ul li a {
    display: block;
    line-height: 32px;
    overflow: hidden;
    
    zoom: 1;
    outline: none;
    font-size: 14px;
    }
	
	.left-memu ul li {
    line-height: 32px;
    padding: 0 6px;
    height: 32px;
    overflow: hidden;
}
	
	.table_form th {
    font-weight: normal;
    text-align: left;
    padding-right: 10px;
    color: #777;
}
	
	.table_form td, .table_form th {
    padding: 4px 0 4px 0px;
    }
	.onCorrect{
		margin-left:10px;
	}
}