body.new-authen{ width:100%; margin: 0!important; padding: 0!important; /*overflow-x: hidden;*/}
/*
@font-face {
    font-family: n-font;
    src: url("../font/n-font.ttf");
}

@font-face {	
    font-family:havefont;
    src:url(../font/heve.ttf);
    font-weight:400;
}
*/


.checkcode-page{ float: left; width: 100%; background: url(../images-2/newcheckcode-bg.jpg)top center no-repeat #fff;  padding: 230px 0 200px 0; margin-top: 45px;}

.original-qrcode-page{ background: url(../images-2/original-checkcode-bg.png)top center no-repeat #fff!important; }
.checkcode-page h1, .checkcode-page h2, .checkcode-page h3 { font-family: n-font,Lucida Sans Unicode, Lucida Grande, sans-serif ; }

.checkcode-page-align-center h1{ font-size: 69px; letter-spacing: 6px; text-transform: uppercase; color: #000; line-height: 1.5; }
.checkcode-page-align-center h2{ font-size: 17.3px; letter-spacing: 12px; text-transform: uppercase; color: #160b8b; line-height: 0.2;}
.checkcode-page-align-center h3{ font-size: 20px; letter-spacing: 16px; text-transform: uppercase; color: #160b8b;}
.checkcode-page-align-center p{  font-family:havefont,Lucida Sans Unicode, Lucida Grande, sans-serif ; font-size: 15px; margin-top:85px; color:#717171;  }

br.break-br{display:none;}


.checkcode-page-align-left-input{ text-align:left; width:390px; margin: 0px auto; margin-top:40px;}
.checkcode-page-align-left-input input{ margin-bottom: 7px;}
.checkcode-page-align-left-input button{
	background: #150d6a;
  color: #fff;
  border: none;
  padding: 5px 20px;
  border-radius: 5px;
	
	
}
.checkcode-page-align-center{text-align: center; }
.container-input-original-checkcode{ padding-left: 5px;}

img.original-qrcode-icn{float: left; margin-right: 18px;}


.checkcode-input-seperate-line{width:100%; float: left;}
input.input-code-gold-step1, input.input-code-silver-step2 { 
border-radius: 5px;
float:left;
width: calc(100% - 75px);
/*width: 400px;*/
height: 50px;
padding: 2px  7px;
background: none;
border: 1px solid #999;
color: #000;
font-size: 15px;
margin-bottom: 12px;
outline: none;
}


img.stk-authen2step-icn{float:left; margin-right: 17px; width:38px;}
p.red-warning{ color:#660909; font-size: 12.5px; font-family:havefont,Lucida Sans Unicode, Lucida Grande, sans-serif ; line-height: 1.4; margin-top: 50px;  }



.checkcode-page-align-left-howto{text-align:left; width:600px; margin: 0px auto; margin-top:85px; color: #000!important;}
.checkcode-page-align-left-howto h3{ /*letter-spacing: 6px; font-size:16px; */  letter-spacing: 6px; font-size: 16px; margin-bottom: 30px; line-height: 1.2; }

.checkcode-page-align-left-howto ul li{ 
	list-style: disc outside;
  margin-top: 16px;
  font-size: 14px;
  padding-left: 5px;
  margin-left: 15px;
	
}


.note-to-cs{ background: #000; float: left; width:100%; padding:90px 0; }
.note-to-cs h2{ font-size:17px;  color:#fff; margin-bottom: 32px;}
.note-to-cs p{ font-size:12px;  color:#fff; }
.form3-important{
	 background: none!important;
    width:auto!important;
    max-width: auto!important;
    padding:0!important;
    margin: 0!important;
    float: none!important;
    border: none!important;
	
	
}



button.btn-athen2 {
  padding: 15px 0;
  border-radius: 8px;
  background: #003b92;
  text-transform: uppercase;
  border: none;
  width: 100%;
  font-size: 15px;
  outline: none;
  color: #fff;
  margin: 5px 0 20px 0;
}



.ms-to-cs{ float:left; width:100%; }


@media screen and (max-width: 1280px) {
	
	
	
	
}





@media screen and (max-width: 1080px)/* small monitor-ipad flip*/ {}



@media screen and (max-width: 900px)/*iphone max flip*/{
	.checkcode-page-align-center h3{ font-size: 18px;  letter-spacing: 9px;}
	.checkcode-page-align-center h1{ font-size: 64px; letter-spacing: 4px;}
	.checkcode-page-align-center h2{font-size: 15.3px; letter-spacing: 14px; line-height: 2.2;}
	
	
	
	
}
	
	

@media screen and (max-width: 760px)/*iphone max flip*/{
	.checkcode-page-align-center h1{ font-size: 49px; letter-spacing: 3px;}
	.checkcode-page{padding: 330px 0 128px 0;}
	
	.checkcode-page-align-left-howto{float:left; width:90%; margin: 85px 5% 0;}
	.ms-to-cs{width:90%; margin: 0 5%; float: left;}
	
}
	
@media screen and (max-width: 600px){
	.checkcode-page-align-center h1{  font-size: 68px;  letter-spacing: 3px; line-height: 0.9; margin: 36px 0;}
	.checkcode-page-align-center h3{ letter-space:8px;}
	.checkcode-page-align-center h2 {  font-size: 17.3px;  letter-spacing: 12px;  line-height: 1;}
	br.break-br{display:block;}
	
	
	
	.checkcode-page-align-center{ float:left; width:90%; margin:0 5%; }
	.checkcode-page-align-left-input{ float:left; width:80%; margin-left: 10%; margin-right:10%; margin-top:15px;}
	.checkcode-page-align-left-howto{ float:left; }

}

	

@media screen and (max-width: 450px) {
	.checkcode-page{ background: url("../images-2/newcheckcode-bg-res.jpg")top center no-repeat #fff; background-size: 100% auto; padding: 105px 0 128px 0; margin-top: 75px;}
	 
	
	.checkcode-page-align-center h3 {  font-size: 16px;		letter-spacing: 4px;}
	.checkcode-page-align-center h1 {  font-size: 46px;  letter-spacing: 4px;}
	.checkcode-page-align-center h2 {  font-size: 17.3px;		letter-spacing: 5px;}
	
	.checkcode-page-align-center p{ margin-top:66px;}
	.checkcode-page-align-left-howto{margin: 76px 5% 0;}
	.checkcode-page-align-left-howto h3 {  letter-spacing: 1px;  font-size: 15px; }
}


@media screen and (max-width: 380px) {}