body {margin:0; padding:0;}
.lock-kit-cont { border: 2px solid #286baf; font-family: arial; height: 610px;padding: 10px; text-align: left; width: 750px; margin:0 auto; }
.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;}
.lft {float:left;}

.mt-rfid-out-assembly-box {display:inline-block; margin-top:120px; padding-left:0px; padding-top:20px;}
.mt-rfid-out-assembly-col{float:left; width:160px; margin-top:110px; margin-left:10px;}
.mt-rfid-out-assembly-col img{float:left;}

.line-black {position:absolute; height: 2px; display:none; background-color: #000; z-index:99999999!important;}
#line1 {left:120px; top:90px; width: 570px; -ms-transform: rotate(28deg);  -webkit-transform: rotate(28deg); transform: rotate(28deg);}
#line2 {left:50px; top:60px; width: 645px; -ms-transform: rotate(15deg);  -webkit-transform: rotate(15deg); transform: rotate(15deg);}
#line3 {left:125px; top:70px; width: 460px; -ms-transform: rotate(22deg);  -webkit-transform: rotate(22deg); transform: rotate(22deg);}
#line4 {left:140px; top:178px; width: 524px; -ms-transform: rotate(38deg);  -webkit-transform: rotate(38deg); transform: rotate(38deg);}
#line5 {left:0px; top:80px; width: 580px; -ms-transform: rotate(30deg);  -webkit-transform: rotate(30deg); transform: rotate(30deg);}
#line6 { left: -67px; top: 173px; width: 315px; -ms-transform: rotate(101deg);  -webkit-transform: rotate(101deg); transform: rotate(101deg); }
#line7 { left: -40px; top: 137px; width: 324px; -ms-transform: rotate(102deg);  -webkit-transform: rotate(102deg); transform: rotate(102deg); }
#line8 { left: -17px; top: 133px; width: 407px; -ms-transform: rotate(61deg);  -webkit-transform: rotate(61deg); transform: transform: rotate(61deg); }
#line9 { left:77px; top:120px; width: 313px; -ms-transform: rotate(41deg);  -webkit-transform: rotate(41deg); transform: rotate(41deg);}
#line10 { left:90px; top:170px; width: 322px; -ms-transform: rotate(50deg);  -webkit-transform: rotate(50deg); transform: rotate(50deg);}
#line11 { left: -10px; top: 42px; width: 192px; -ms-transform: rotate(125deg);  -webkit-transform: rotate(125deg); transform: rotate(125deg); }
#line12 { left: -14px; top: 140px; width: 204px; -ms-transform: rotate(97deg);  -webkit-transform: rotate(97deg); transform: rotate(97deg); }
#line13 { left: 49px; top: 90px; width: 100px; -ms-transform: rotate(114deg);  -webkit-transform: rotate(114deg); transform: rotate(114deg); }
#line14 { left: 142px; top: 20px; width: 470px; -ms-transform: rotate(17deg);  -webkit-transform: rotate(17deg); transform: rotate(17deg); }
#line15 { left:278px; top:260px; width: 165px; -ms-transform: rotate(18deg);  -webkit-transform: rotate(18deg); transform: rotate(18deg);}
#line16 {left:80px; top:125px; width: 120px; -ms-transform: rotate(60deg);  -webkit-transform: rotate(60deg); transform: rotate(60deg);}
#line17 {left:-30px; top:80px; width: 340px; -ms-transform: rotate(55deg);  -webkit-transform: rotate(55deg); transform: rotate(55deg);}
#line18 {left:-30px; top:90px; width: 365px; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg); transform: rotate(45deg);}

/* 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%;}


img{cursor:pointer;}
/*start css*/
.saflok-rt-2015-row01 { float: right; width:390px; }
.saflok-rt-2015-05 { float: right; margin-right: 10px; margin-top: -140px; }
.saflok-rt-2015-02 { float: right; margin: 25px 10px 0 0; position: relative; z-index: 99; background-color: #ffffff; }
.saflok-rt-2015-017 { float: right; margin-right: 20px; margin-top: 30px; }
.saflok-rt-2015-014 { float: right; margin: 60px -10px 0 0; position:relative; left:-8px; }
.saflok-rt-2015-014-2 { float: right; margin: 188px -10px 0 0; position: relative; z-index: 999999; position:relative; left:-8px;}

.saflok-rt-2015-row02 { float: left; width: 120px; margin:100px 0 0 0; }
.saflok-rt-2015-013 { margin: 15px 0 0 12px; }
.saflok-rt-2015-012 { margin: 52px 0 0 12px; }
.saflok-rt-2015-06 { margin: -20px 0 0; }
.saflok-rt-2015-07 { margin: 15px 0 -20px; position: relative;z-index: 9;}

.saflok-rt-2015-row03 { margin: 134px 0 0 10px; position:relative; }
.saflok-rt-2015-016 { left: 4px; position: absolute; top: 18px; }

.saflok-rt-2015-row04 { margin: -80px 0 0; width: 300px; }
.saflok-rt-2015-1-15 { margin: 0 0 0 34px; }
.saflok-rt-2015-08 { margin-top: 45px; }
.saflok-rt-2015-09 { margin: 48px 0 0 58px; }
.saflok-rt-2015-010 { margin: 34px 0 0 -40px; }
.saflok-rt-2015-2-15-sm { float: right; margin: -20px 12px 0 0; }

.saflok-rt-2015-row05 { float: right; margin-right: 10px; margin-top: -120px; width: 195px; }
.saflok-rt-2015-03 { float: right; margin: 0 5px 0 0; position: relative;z-index: 9; }
.saflok-rt-2015-04 { float: left; margin: -28px 0 0 58px; position: relative; z-index: 99; }
/*end*/