body {
	background: #f9f9f9;
	color: #666;
	font-size: 13px;
}
.layout {
	width: 854px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top:30px;
}

.n-frame {
	
	/* 
	position:absolute;
	left:300px;
  	top:52px;
  	width:730px;
  	min-height:600px; 
  	background: #fff;
  	 */
    background: #fff;
	padding: 34px 34px 0;
	border: 1px solid #e6e6e6;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	min-height: 700px;
	_height: 800px;
	
}
.divcss5 {
	text-align:center
}
.menu{
	float: right;
	font-size: 16px;
	margin: 0 60px;
}
.menu_01{
	float: left;
	white-space: nowrap;
}
.menu_png_01{
	float: left;
	width: 88px;
	height: 498px;
	margin-top: 12px;
	margin-left: 28px;
	background: url(../../image/register/menu_png_01.png) no-repeat;
	
}
.menu_png_02{
	float: left;
	width: 88px;
	height: 498px;
	margin-top: 12px;
	margin-left: 28px;
	background: url(../../image/register/menu_png_02.png) no-repeat;
	
}
.menu_png_03{
	float: left;
	width: 88px;
	height: 498px;
	margin-top: 12px;
	margin-left: 28px;
	background: url(../../image/register/menu_png_03.png) no-repeat;
	
}
.menu_png_04{
	float: left;
	width: 88px;
	height: 498px;
	margin-top: 12px;
	margin-left: 28px;
	background: url(../../image/register/menu_png_04.png) no-repeat;
	
}
.cmxformBody{
	width:490px; 
	margin-top: 50px;
	margin-left: 164px;
	padding: 3px 2px; 
	min-height: 400px;
}
.float-left{
	float:left;
	line-height : 15px;
	padding : 3px 2px;
}
.icon-required{
  color:#FF0000;
}
form.cmxform div {
	min-height: 20px;
	line-height:20px;
}

form.cmxform label {
	color: #333333;
	padding: 4px 4px 4px 0;
	position: relative;
	font: 14px tahoma, arial, helvetica, sans-serif;
	text-align: right;
}
form.cmxform input{
	border: 1px solid #E2E2E2;
	border-radius: 3px 3px 3px 3px;
	font-family: 'STHeiti','Microsoft YaHei','ËÎÌå','arial';
	font-size: 14px;
	height: 22px;
	width: 350px;
}
.input_button{
	border: 1px solid #E2E2E2;
	border-radius: 3px 3px 3px 3px;
	font-family: 'STHeiti','Microsoft YaHei','ËÎÌå','arial';
	font-size: 14px;
	height: 22px;
	width: 260px;
}
form.cmxform select {
	border: 1px solid #E2E2E2;
	font-family: 'STHeiti','Microsoft YaHei','ËÎÌå','arial';
	font-size: 14px;
	height: 29px;
	width: 352px;
}
.description{
	color : #999999;
	font-size: 12px;
	margin-top: -7px;
	margin-left: 75px;
}
.nextBtn {
	background: #208388;
	border: none;
	border-radius: 2px;
	color: #fff;
	cursor: pointer;
	height: 36px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2em;
	letter-spacing: 0.05em;
	text-align: center;
	text-transform: uppercase;
	transition: background 0.3s ease-in-out;
	width: 427px;
}
.nextBtn:hover {
	background: #086f7e;
}
.verMode{
    position:absolute;
 	width:65px;
  	white-space:nowrap;
}

@media screen and (max-width:768px) {
    .layout {
        margin: 0px auto;
        width:90%;
        padding-top: 15px;
    }
    
    .n-frame{
        background: rgb(255, 255, 255);
	    padding:0;
	    border-radius: 10px;
	    border: 1px solid rgb(230, 230, 230);
	    border-image: none;
	    -webkit-border-radius: 10px;
	    -moz-border-radius: 10px;
	    -o-border-radius: 10px;
	    height:95%;
    }
    
    .divcss5 img {
       width:100%;
    }
      
    .firstStepBtn {
        width:92%;
        margin: 0 4%;
        display: inline-block;
    }
    
     .cmxformBody {
        width:100%;
        margin:0;
        
    } 
    .menu_png_01 {
        width: 20%;
	    margin: 0px;
	    margin-top: 20px;
	    background-size: 75%;
	    left: -12px!important;
    }
    
    .cmxformBody form {
       width:80%!important;
       margin:0 auto;
       margin-top: 50px;
    }
    
    .cmxformBody form p {
       width:100%;
    }
    
    .cmxformBody form p label {
       width:32%;
       font: 12px tahoma, arial, helvetica, sans-serif!important;
    }
    
    .cmxformBody form p input {
       width:60%!important;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
    .description {
       margin-left:22%;
    }
    
    .cmxformBody form p select {
       width:60%!important;
       font-size:12px!important;
    }
    
    .cmxformBody form .select_option select {
       width:30%!important;
    }
    
    
    .select_option select:nth-child(4) {
      width:60%!important;
      margin-left:28%;
      margin-top:20px;
    }
    
    .cmxformBody form p #sex {
      width:16%!important;
    }
    
    .cmxformBody form p #sex1 {
      width:16%!important;
    }
    
    .input_code{
       margin-top:13px;
       width:100%;
     }
    
    .input_code label {
       width:27%;
       font-size:12px!important;
       margin-top:0!important;
    }
     
    .input_code input {
       width:22%!important;
       font-size:12px!important;
       margin-left:8px!important;
    } 
    
    .input_code img {
       width:18%!important;
    }
    
    .input_code .yzhuan {
       width:10%!important;
       font-size: 12px;
    }
    
    .nextBtn {
       width:100%!important;
    }
    
    .secondStepBtn {
       width:92%;
       margin: 0 4%;
    }
    
    .menu_png_02 {
        width: 20%;
	    margin: 0px;
	    margin-top: 20px;
	    background-size: 75%;
	    left: -12px!important;
    } 
    
    .secondStepBtn .verMode {
       left: 33px;
       font-size: 12px!important;
    }
    
    .secondStepBtn .cmxform {
       width: 80%!important;
       margin: 0 auto;
    }
    
    .mailValidate {
       margin-top: -20px;
    }
    
    .mailValidate .input_code {
        margin-top:13px;
        width:100%;
    }
    
    .mailValidate .input_code .float-left {
       width:22%;
       font-size:12px!important;
       margin-top:0!important;
    }
     
    .mailValidate .input_code .mail_imgCode {
       width:31%!important;
       font-size:12px!important;
       margin-left:8px!important;
    } 
    
    .mailValidate .input_code .yzimg{
       width:20%!important;
    }
    
    .mailValidate .input_code .yzhuan {
       width:10%!important;
       font-size: 12px;
    }
    
    .mailValidte .email_input {
        width:100%;
    }
    
    .mailValidte .label {
        width: 22%;
	    
    }
    
    .mailValidte .input {
       width: 40%;
    }
    
    .cmxformBody form .email_input input {
       width: 25%!important;
       font-size: 12px;
    }
    
    .cmxformBody form .email_input button {
       padding:2px!important;
       width:30%!important;
       height:25px!important;
       font-size:12px;
    }
    
    .thirdStepBtn {
       width:92%;
       margin: 0 4%;
    }
    
    .menu_png_03 {
        width: 20%;
	    margin: 0px;
	    margin-top: 20px;
	    background-size: 75%;
	    left: -12px!important;
    } 
    
    .validateBtn {
       width:44%!important;
       float:left!important;
       margin-left:0!important;
    }
    
    .skipBtn {
       width:44%!important;
       float:right!important;
    }
    
    
    .fourthStepBtn {
       width:92%;
       margin: 0 4%;
    }
    
    .fourthStepBtn .menu_01 {
       font-size:12px;
       white-space: normal;
    }
    
    .menu_png_04 {
        width: 20%;
	    margin: 0px;
	    margin-top: 20px;
	    background-size: 80%;
        left: -32px!important;
    } 
    
    .fourthStepBtn .cmxformBody {
       width: 80%!important;
       margin: 0 auto;
    }
    
    .fourthStepBtn .success {
       width: 100%!important;
       text-align:center;
    }
    
    .fourthStepBtn .success span {
       margin:0!important;;
    }
    
    .fourthStepBtn .success button{
       margin:0!important;;
    }
    
    #doModify {
      width:90%!important;
      margin:0 auto;
      margin-top: 50px;
    }
    
    #doModify p {
      width:100%!important;
    }
    
    #doModify p label {
       width:20%;
       font: 12px tahoma, arial, helvetica, sans-serif!important;
    }
    
    #doModify p input {
       width:65%;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
    #doModify p select {
       width:65%;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
    #valRegister {
      width:90%!important;
      margin:0 auto;
      margin-top: 50px;
    }
    
    #valRegister p {
      width:100%!important;
    }
    
    #valRegister p label {
       width:20%;
       font: 12px tahoma, arial, helvetica, sans-serif!important;
    }
    
    #valRegister p input {
       width:65%;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
    #valRegister p select {
       width:65%;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
    #modyfyPwd {
       width:90%!important;
       margin:0 auto;
       margin-top: 50px;
    }
    
    #modyfyPwd p {
       width:100%;
    }
    
    #modyfyPwd p label {
       width:30%;
       font: 12px tahoma, arial, helvetica, sans-serif!important;
    }
    
    #modyfyPwd p input {
       width:65%;
       font-size:12px!important;
       text-indent: 5px!important;
    }
    
}