body {margin:0; padding:0;}
.lock-kit-cont{display:inline-block; text-align:left; font-family:arial; padding:10px;
width:750px; height:640px; text-align:left; border:2px solid #286baf;}
.lock-kit-cont  h3 {margin:0; color:#286baf; font-weight:normal; font-size:22px;}
.lock-kit-cont  p {margin:3px 0 10px 0; color:#286baf;}
.rfid-in-col {display:inline-block; margin-top:60px;}
.lft {float:left;}

.block-new {float:left; margin-top: 53px;}
.block1 {float:left; width:160px; margin-top:110px; margin-left:10px;}
.block1 img{float:left;}
.block1 img:nth-child(1){margin-top:35px; margin-right:25px;}
.block1 img:nth-child(2){margin-top:0px;}
.block1 img:nth-child(3){margin-top:7px; margin-left:20px; margin-right: 30px;}
.block1 img:nth-child(5){margin-top:25px; margin-left: 5px;}

.block2 {width: 92px; margin-top:42px; margin-left:-36px}
.block2 img{display:inline-block;}
.block2 img:nth-child(2){margin-top:80px; margin-left: 38px;}
.block2 img:nth-child(3){margin-top:64px; margin-left: 30px;}
.block2 img:nth-child(4){margin-top:28px; margin-left: 5px;}

.block4 {margin-left:22px;}
.block4 img{display:block;}

.block5 {margin-top: 52px; margin-left: 15px;}
.block5 img{vertical-align:top;}

.block6 {margin-top: -23px;}
.block7 {margin-left: 70px;}
.block8 {margin-left: 10px;}
.block8 img{vertical-align:middle;}
.block8 img:nth-child(4){margin-top:-16px;}

.block9 img:nth-child(2){margin-left:42px;}

.group-5 {width:260px; height:91px;}
.group-6 {width:336px;}
.group-7 {width:250px; margin-top:90px;}

.number-sec {margin:0; padding:0; float:left; width:100%; text-align:center;}
.number-sec li{display:inline-block; text-align:center;}
.number-sec li a{width: 20px; height: 20px; line-height: 20px; margin:0 0 5px 0; padding:5px; display:inline-block; border:1px solid #286baf; color:#000; border-radius:50%; text-decoration:none; }
.number-sec li a:hover{border:2px solid #286baf; background:#286baf; color:#fff;}


.line-black {position:absolute; height: 1px; display:none; background-color: #000; z-index:99999999!important;}
#line1 {left:72px; top:170px; width: 500px; -ms-transform: rotate(-18deg);  -webkit-transform: rotate(-18deg); transform: rotate(-18deg);}
#line2 {left:20px; top:60px; width: 130px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line3 {left:-20px; top:70px; width: 200px; -ms-transform: rotate(30deg);  -webkit-transform: rotate(30deg); transform: rotate(30deg);}
#line4 {left:-90px; top:115px; width: 230px; -ms-transform: rotate(44deg);  -webkit-transform: rotate(44deg); transform: rotate(44deg);}
#line5 {left:-40px; top:120px; width: 220px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line6 {left:-90px; top:100px; width: 380px; -ms-transform: rotate(31deg);  -webkit-transform: rotate(31deg); transform: rotate(35deg);}
#line7 {left:-20px; top:30px; width: 245px; -ms-transform: rotate(-15deg);  -webkit-transform: rotate(-15deg); transform: rotate(15deg);}
#line8 {left:70px; top:15px; width: 262px; -ms-transform: rotate(-0deg);  -webkit-transform: rotate(-0deg); transform: rotate(-0deg);}
#line9 {left:90px; top:45px; width: 242px; -ms-transform: rotate(5deg);  -webkit-transform: rotate(5deg); transform: rotate(5deg);}
#line10 {left:375px; top:170px; width: 200px; -ms-transform: rotate(-55deg);  -webkit-transform: rotate(-55deg); transform: rotate(-35deg);}
#line11 {left:20px; top:50px; width: 420px; -ms-transform: rotate(5deg);  -webkit-transform: rotate(5deg); transform: rotate(5deg);}
#line12 {left:-0px; top:30px; width: 500px; -ms-transform: rotate(6deg);  -webkit-transform: rotate(6deg); transform: rotate(6deg);}
#line13 {left:-80px; top:130px; width: 560px; -ms-transform: rotate(18deg);  -webkit-transform: rotate(18deg); transform: rotate(18deg);}
#line14 {left:-80px; top:130px; width: 590px; -ms-transform: rotate(18deg);  -webkit-transform: rotate(18deg); transform: rotate(18deg);}
#line15 {left:0px; top:138px; width: 585px; -ms-transform: rotate(28deg);  -webkit-transform: rotate(28deg); transform: rotate(28deg);}
#line16 {left:-98px; top:140px; width: 620px; -ms-transform: rotate(27deg);  -webkit-transform: rotate(27deg); transform: rotate(27deg);}
#line17 {left:-60px; top:150px; width: 540px; -ms-transform: rotate(29deg);  -webkit-transform: rotate(29deg); transform: rotate(29deg);}
#line18 {left:-70px; top:150px; width: 500px; -ms-transform: rotate(26deg);  -webkit-transform: rotate(26deg); transform: rotate(26deg);}
#line19 {left:-45px; top:180px; width: 500px; -ms-transform: rotate(40deg);  -webkit-transform: rotate(40deg); transform: rotate(40deg);}
#line20 {left:-95px; top:195px; width: 420px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line21 {left:-85px; top:160px; width: 395px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
#line22 {left:-80px; top:140px; width: 300px; -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg); transform: rotate(60deg);}




/* Chrome, Safari, Opera */
#displaytext { -webkit-animation-timing-function: linear ;}

/* Standard syntax */
#displaytext {animation-timing-function: linear;}


/* Chrome, Safari, Opera */
@-webkit-keyframes mymove {
    from {left: -50px;}
    to {left: 20px;}
}

/* Standard syntax */
@keyframes mymove {
    from {left: -50px;}
    to {left: 20px;}
}
#displaytext{left:20px; width:100%;}
.block2 img:nth-child(4) { margin-left: 5px; margin-top: 9px;}

img{
cursor:pointer;
}