@media screen and (max-width:500px)/*宽度小于500px*/
{
	#QuestionListDiv{
		width:100%
	}
	#mainContent{
		width:100%;
		border: 0px solid #fff
	}
	#icbcaLogo{
		width:50%;
		margin-left: 5px;
		margin-right: 5px;
	}
	.wrapper {
	margin-left: 0px;
	margin-right: 0px;
	}
	#mainContentFrame{
		margin-left:5px
	}
	#openAccountMsg{
		text-align:center;
	}
	.sectionDiv{
		margin-right:5px
	}
	.sectionHeader{
		font-size:15px
	}

	label {
		font-size:3px;
		cursor:pointer;
	  }
	  
	  label i 
	  {
		font-size:13px;
	  }
	  
	  .form-control{
	  	font-size: 14px;
	  	float:right;
	  	margin-right:7px
	  }
	  
	  .radioGroupTd{
	    padding-right:10px;
	  	padding-bottom: 10px;
	  	width:50%
	  }
	  .radioGroupTitle{
	  	float:right
	  }
	  .hkidGroup{
	  float:right
	  }
	  #accountTypeRadio{
	  	
	  }
	  
	  #navTitle{
	  	display:none
	  }
	  
	  #accountTypeSelect{
	  	display:inline
	  }
	  
	  	.phoneInput{
			width:100px
    	}
    	.dateInputStyle{
    		width:150px;
    		float:right;
    		padding-right:15px
    	}
    	
    	.labelMsg{
    		font-size: 13px;
    	}
    	.labelSpan{
    		font-size: 13px;
    	}
    	
    	
    	.radioGroupstyle{
    		padding-left: 10px;
    		padding-bottom: 10px;
    		width:50%;
    	}
    	.dateTd{
			width:100px
		}
		.mobileTd{
			padding-left: 10px;
			padding-bottom: 10px;
			float:right
		}
		.extTd{
			padding-right:10px;
			padding-bottom: 10px;
		}
		
		label {
		font-size:8px;
		cursor:pointer;
	  }
label i 
	{
		font-size:8px;
		font-style:normal;
		display:inline-block;
		width:12px;
		height:12px;
		text-align:center;
		line-height:7px;
		color:#fff;
		vertical-align:middle;
		margin:-2px 2px 1px 0px;
		border:#2489c5 1px solid;
	}
	.formTable{
		margin-left:5px
	}
	.applyTd{
			padding-bottom: 10px;
			width:40%;
	}

	.applyTdTitle{
		width:100px
	}
	.applyTdContent{
		padding-bottom:10px
	}
	.form-control {
		width:150px
	}
}

@media screen and (min-width: 500px) and (max-width:700px)/*宽度小于700px*/
{
	#QuestionListDiv{
		width:100%
	}
	#mainContent{
		width:100%;
		border: 0px solid #fff
	}
	#icbcaLogo{
		width:50%;
		margin-left: 5px;
		margin-right: 5px;
	}
	.wrapper {
	margin-left: 0px;
	margin-right: 0px;
	}
	#mainContentFrame{
		margin-left:5px
	}
	#openAccountMsg{
		text-align:center;
	}
	.sectionDiv{
		margin-right:5px
	}
	.sectionHeader{
		font-size:15px
	}

	label {
		font-size:3px;
		cursor:pointer;
	  }
	  
	  label i 
	  {
		font-size:13px;
	  }
	  
	  .form-control{
	  	font-size: 14px;
	  	float:right;
	  	margin-right:7px
	  }
	  
	  .radioGroupTd{
	    padding-right:10px;
	  	padding-bottom: 10px;
	  	width:50%
	  }
	  .radioGroupTitle{
	  	padding-left:80px
	  }
	  #accountTypeRadio{
	  	
	  }
	  
	  #navTitle{
	  	display:none
	  }
	  
	  #accountTypeSelect{
	  	display:inline
	  }
	  
	  	.phoneInput{
		width:100px
    	}
    	.dateInputStyle{
    	
    	}
    	.labelMsg{
    		font-size: 13px;
    	}
    	.labelSpan{
    		font-size: 13px;
    	}
    	
    	
    	.radioGroupstyle{
    		padding-left: 10px;
    		padding-bottom: 10px;
    		width:50%;
    	}
    	.dateTd{
	    	padding-right: 8px;
			padding-bottom: 10px;
			float:right
		}
		.mobileTd{
			padding-left: 10px;
			padding-bottom: 10px;
			float:right
		}
		.extTd{
			padding-right:10px;
			padding-bottom: 10px;
		}
		
		label {
		font-size:8px;
		cursor:pointer;
	  }
label i 
	{
		font-size:8px;
		font-style:normal;
		display:inline-block;
		width:12px;
		height:12px;
		text-align:center;
		line-height:7px;
		color:#fff;
		vertical-align:middle;
		margin:-2px 2px 1px 0px;
		border:#2489c5 1px solid;
	}
	.formTable{
		margin-left:5px
	}
	.applyTd{
			padding-bottom: 10px;
			width:40%;
	}

	.applyTdTitle{
	width:100px
	}
	.applyTdContent{
		padding-bottom:10px
	}
	.form-control {
		width:200px
	}
}