@charset "utf-8";
@media screen and (max-width: 320px) {
	body, input, select, a { font-size: 12px; }
	.in1{width:100%;height:33px;border-radius: 3px;border:1px solid #cccccc;background-color: #ffffff;font-size: 12px;color:#cccccc;padding-left: 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
 	.conpAb1 p{color: #ffff00;font-size: 12px;line-height: 21px;}
 	.conpAb3_1 p,.conpAb3_2 p,.conpAb3_3 p,.conpAb4 p{color: #666666;font-size: 10px;line-height: 14px;}
 	.conpAb5_1 p,.conpAb5_2 p,.conpAb5_4 p,.conpAb5_5 p{color: #333;font-size: 10px;}
 	.conpAb5_3 p{color: #ffffff;font-size: 10px;}
 	.conpAb6 p,a{color: #9900ff;font-size: 14px;font-weight: bold;}

 	.mgt3{margin-top: 13px;}
 }

@media screen and (min-width: 321px) and (max-width: 375px) {
    body, input, select, a { font-size: 12px; }
    .in1{width:100%;height:38px;border-radius: 3px;border:1px solid #cccccc;background-color: #ffffff;font-size: 12px;color:#cccccc;padding-left: 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
 	.conpAb1 p{color: #ffff00;font-size: 12px;line-height: 26px;}
 	.conpAb3_1 p,.conpAb3_2 p,.conpAb3_3 p,.conpAb4 p{color: #666666;font-size: 12px;line-height: 18px;}
 	.conpAb5_1 p,.conpAb5_2 p,.conpAb5_4 p,.conpAb5_5 p,.conpAb2_1 p{color: #333;font-size: 12px;}
 	.conpAb5_3 p{color: #ffffff;font-size: 12px;}
 	.conpAb6 p,a{color: #9900ff;font-size: 16px;font-weight: bold;}

 	.mgt3{margin-top: 16px;}
 }

@media screen and (min-width: 376px) and (max-width: 414px) {
   body, input, select, a { font-size: 14px; }
   .in1{width:100%;height:42px;border-radius: 3px;border:1px solid #cccccc;background-color: #ffffff;font-size: 14px;color:#cccccc;padding-left: 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
   .conpAb1 p{color: #ffff00;font-size: 14px;line-height: 28px;}
   .conpAb3_1 p,.conpAb3_2 p,.conpAb3_3 p,.conpAb4 p{color: #666666;font-size: 14px;line-height: 20px;}
   .conpAb5_1 p,.conpAb5_2 p,.conpAb5_4 p,.conpAb5_5 p,.conpAb2_1 p{color: #333;font-size: 14px;}
   .conpAb5_3 p{color: #ffffff;font-size: 14px;}
   .conpAb6 p,a{color: #9900ff;font-size: 16px;font-weight: bold;}

   .mgt3{margin-top: 17px;}
 }

@media screen and (min-width: 415px) {
   body, input, select, a { font-size: 18px; }
   .in1{width:100%;height:66px;border-radius: 3px;border:1px solid #cccccc;background-color: #ffffff;font-size: 22px;color:#cccccc;padding-left: 5px;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
   .conpAb1 p{color: #ffff00;font-size: 20px;line-height: 43px;}
   .conpAb3_1 p,.conpAb3_2 p,.conpAb3_3 p,.conpAb4 p{color: #666666;font-size: 20px;line-height: 30px;}
   .conpAb5_1 p,.conpAb5_2 p,.conpAb5_4 p,.conpAb5_5 p,.conpAb2_1 p{color: #333;font-size: 20px;}
   .conpAb5_3 p{color: #ffffff;font-size: 20px;}
   .conpAb6 p{color: #ff6600;font-size: 24px;font-weight: bold;}
   .conpAb6 p a{color: #9900ff;font-size: 24px;font-weight: bold;}

   .mgt3{margin-top: 29px;}
 }


.left{float:left;}
.right{float: right;}
.cl{clear: both;}
.contioner{width: 100%;-moz-box-sizing: border-box; -webkit-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box; min-width: 320px;max-width: 640px;margin:0 auto;}
.contioner img{line-height: 0px;vertical-align: top;}
.conpRe{width: 100%;height: auto;position: relative;}
.conpAb1{position: absolute;top:0%;left:30.78%;width:42.19%;}
.conpAb2{position: absolute;top:14.67%;left:5.12%;width:88.75%;}
.conpAb2_1{position: absolute;bottom: 0%;left: 30%;width: 50%;}
.conpAb3_1{position: absolute;top: 30%;left: 1.62%;width: 30.03%;text-align: right;}
.conpAb3_2{position: absolute;top: 22%;left: 40.41%;width: 30.03%;text-align: right;}
.conpAb3_3{position: absolute;top: 35%;right: 0.02%;width: 23.03%;text-align: left;}
.conpAb4{position: absolute;top: 6.64%;right: 1.5%;width: 93.75%;text-align: center;}
.conpAb5_1{position: absolute;top: 52.64%;left: 2.5%;width: 20.94%;text-align: center;}
.conpAb5_2{position: absolute;top: 52.64%;right: 1.5%;width: 22.94%;text-align: center;}
.conpAb5_3{position: absolute;bottom: 16.5%;left: 43%;width: 17.6%;}
.conpAb5_4{position: absolute;bottom: 11.5%;left: 10.5%;width: 28.44%;}
.conpAb5_5{position: absolute;bottom: 11.5%;right: 3.5%;width: 30.94%;}
.conpAb6{position: absolute;top: 43.5%;left: 26%;width: 59.06%;}
	
input::-moz-input-placeholder{color: #cccccc;}
input::-webkit-input-placeholder{color: #cccccc;}
input::-o-input-placeholder{color: #cccccc;}
input::-ms-input-placeholder{color: #cccccc;}
.mgt1{margin-top:5px;}
.mgt2{margin-top:10px;}
.char1{color: #ff6600;}
.cen{margin: 0 auto;}