@charset "utf-8"; 

/*it-3*/
.in{width:95%;margin:auto}
.enm{margin:0 3%}
.enm h2{width:40%; font-size:16px; color:#4b4a4a; text-align:left; margin:24px 0 10px;display:inline-block; position:absolute; left:0 }
.it_3 h3{ font-size:16px; color:#4b4a4a; text-align:left;margin:32px 0 10px}
.enm p{font-size:13px; color:#4b4a4a;text-align:left;1margin-bottom:20px}
.it_3 h4{font-size:15px; color:#4b4a4a;text-align:left;}
.it_3 h5{font-size:15px; color:#4b4a4a;text-align:left; margin-bottom:20px}
.area{margin-top:35px}
.bar{width:35%; }
.enc, .bug, .barcode, .time{margin-bottom:40px; margin-top:40px}
.time span{font-size:15px; color:#4b4a4a; float:left}
.sub_nav{display:none}
.enm_R .iso_T{border-bottom:1px solid #4b4a4a; 1margin-top:20px; height:50px; position:relative}
.enm_R .mini_nav{float:right;width:38%; margin-top:24px; 1margin-right:-34px; position:absolute; right:0 }
.enm_R .mini_nav ul li{float:left; 1padding-right:5px; margin-right:5px}
.enm_R .mini_nav li a{color:#4b4a4a; font-size:14px;}



@media screen and (min-width:768px){
.enm{width:90%; margin:auto}
.enm_R .mini_nav{width:18%;}
.it_3-text{width:45%; float:left; margin-top:30px}
.it_3-img img{width:45%;margin-top:30px}
.bar{width:30%}
.enc-img{width:48%; display:inline-block; float:left}
.enc-img img{ }
.enc-R{width:48%; float:right}
.bug p{width:48%; float:left}
.bug-img {width:48%; float:right}
.barcode-img{width:80%}
.bar{width:25%; }
}

@media screen and (min-width:1024px){
.sub_nav{1width:20%; float:left;position:fixed; display:block}
.sub_nav li{border-bottom:1px solid #d7d7d7}
.sub_nav li:nth-child(1){padding:18px 30px 14px; border-top: 2px solid #00a650; background:#d7d7d7;font-size:20px}
.sub_nav li:nth-child(2), .sub_nav li:nth-child(3), .sub_nav li:nth-child(4), .sub_nav li:nth-child(5){padding:7px 13px 5px;background:#fff;}
.sub_nav li:nth-child(5){border-bottom:2px solid #d7d7d7}
.company{font-size:12px}
.enm_R{width:78%; float:right; margin:50px 0px}
.enm_R h2{font-size:30px; }
.sub_nav li:nth-child(2):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(3):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(4):hover{background:#b3b3b3;} 
.sub_nav li:nth-child(5):hover{background:#b3b3b3;} 

.enm_R .mini_nav{width:32%; margin-top:35px;}
.enm_R .iso_T{height:65px}
.bar{width:20%; }
}