@charset "utf-8";
@import url(reset.css);
@import url(normalize.css);
@import url(fonts.css);
#p2420 {
	position: relative;
	left: 50%;
	overflow: hidden;
	padding-top: 30px;
}
.kv {
	width: 90%;
	max-width: 1000px;
	height: auto;
	margin: 0 auto
}
.kv img {
	width: 100%
}
.main1, .main2, .main3 {
	width: 100%;
}
/*main1*/
.main1{
	margin-top:6em;
	}
.main1-pic {
	width: 49.9%;
	
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
}
.main1-pic img {
	max-width: 687px;
}
.main1-text {
	width: 49.9%;
	
	max-width:550px;
	text-align: left;
	margin-left:1%;
	display: inline-block;
}
.main1-text-mobile , .main2-text-mobile{
	width: 90%;
	text-align:center;
	display: none;
}
	.main1_l2{
		max-width:1100px;
		margin:0 auto;
		}
		.main1-l2-text{
			width:49%;
			display: inline-block;
			}
		.main1-l2-text-mobile{
			width:95%;
			display: none;

			}
		.main1-l2-pic{
			width:49%;
			display: inline-block;
			}
			.main1-l2-pic img {max-width:640px;}
			
			
/*gesture*/
.gesture{display:block;}
.gesture-mobile{display:none;}
.box-gesture{max-width:820px; margin:0 auto; text-align:center;}
.box-icon{ 
	display:inline-block;
	width:18% ; 
	}
.box-icon img{width:100%} 

/**/
.box-keyboard{
	width:100%;
	/*height:500px;*/
	position:relative;
	left:0;
	text-align:center;
	}
.shade{
	width:100%;
	max-width:1900px;
	}
	
.keyboard{
	width:90%;
	max-width:1058px;
	margin:-1.53% auto 0;
	}
	.keyboard img{ width:100%;}
	
/*main2*/
.main2-text {
	width: 100%;
	max-width:1100px;
	text-align: center;
	margin:0 auto;
	text-align:center
}
.faster{
	width:380px;
	height:280px;
	position: relative;
	left: 50%;
	margin-left: -236px;
	}
.main2-pic{
	width:100%;
	}
.port{
	width:49%; 
	display:inline-block;
	vertical-align:bottom;
	}
	
	.port-name-left,.port-name-right{
	width:49%; 
	display:inline-block;
	vertical-align:bottom;
	}

	.port-name-left-mobile,.port-name-right-mobile{
	width:100%; 
	display:none;
	vertical-align:bottom;
	}

	.usb2,.dvd,.vga,.hdmi,.usb3{
		display:inline-block;
		text-align:center;
		}
	.usb2{width:32%}
	.dvd{width:66%;}
	.vga{width:38%}
	.hdmi{width:29%}
	.usb3{width:22%}
	
	
	.main2_l2{
		max-width:1100px;
		margin:0 auto;
		}
		.main2-l2-text{
			width:49%;
			display: inline-block;
			}
		.main2-l2-text-mobile{
			width:95%;
			display: none;

			}
		.main2-l2-pic{
			width:49%;
			display: inline-block;
			text-align:center;
			}
			.main1-l2-pic img {max-width:640px;}
			
			.charger{
				width:60%;
				margin-left:20%;
				}
			.battery{
				width:130%;
				}
			.abm{
				width:90%;
				margin-left:10%;}
			.vertical-top{
				vertical-align:top;}
			.bussiness{
				width:90%;
				}
		.wolT{display:block;}
		.wolT-mobile{display:none;}
		
		.wol{
			width:100%;
			text-align:center;
			}
			.wol img{
				width:141px;
				}
/**/
.main3-text {
	width: 100%;
	max-width:1100px;
	text-align: center;
	margin:0 auto;
	text-align:center
}
.green{
	width:100%;
	text-align:center;
}
.green img{
	width:465px;
	}	
				
@media screen and (max-width: 1150px) {
.main1-pic{width:100%;}
.main1-text {
  width: 90%;
  max-width: none;
  text-align: center;
  margin-left: 0;
  display: block;
  margin: 0 auto;
}
.separate-sec {
  height: 0px;
}

}

@media screen and (max-width: 785px) {
.separate {
  height: 20px;
}
.main1-text , .main2-text , 
.main1-l2-text , .main2-l2-text , .main3-l2-text {
  display: none;
}

.main1-text-mobile , .main2-text-mobile , .main3-text-mobile ,
.main1-l2-text-mobile ,.main2-l2-text-mobile ,.main3-l2-text-mobile {
	  width:95%;
	  text-align:center;
	  display: block;
	  margin:0 auto; 
	  
	  }
.main1-pic ,.main1-l2-pic ,.main2-l2-pic ,.main3-l2-pic {
	  width: 90%;
	  margin:0 auto 10%;
	  display:block;
	  }
.gesture{display:none;}
.gesture-mobile{display:block;}

.wolT{display:none;}
.wolT-mobile{display:block;}


.faster {
  width: 280px;
  height: 250px;
  position: relative;
  left: 50%;
  margin-left: -175px;
}	  
	  
.charger {
  margin-left: 0;
}
.abm {
  margin-left: 0;
}
.main3-text {
  width: 98%;
}

}

@media screen and (max-width: 765px) {
.port {
  width: 95%;
  display: block;
  vertical-align: bottom;
  margin: 0px auto;
}
	.port-name-left,.port-name-right{
	display:none;
	}
	
	.port-name-left-mobile,.port-name-right-mobile{
	width:100%; 
	display:block;
	vertical-align:bottom;
	}
	.port-name-left-mobile{
		margin-bottom:5%;
		}

}

@media screen and (max-width: 600px) {
.box-icon {
    width: 26%;
    margin: 2%;
}
}

@media screen and (max-width: 400px) {
.main1 {
    margin-top: 2em;
}
.box-icon {
    width: 35%;
    margin: 3%;
}
.faster {
    width: 261px;
    height: 215px;
    position: relative;
    left: 50%;
    margin-left: -152px;
    margin-top: -13%;
}
.keyboard {
    width: 155%;
    max-width: 1058px;
    margin: -1.97% auto 0px -20%;
}
}