@charset "utf-8";
/* CSS Document */

body { margin:0 auto; padding:0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; }

#container {width:300px;height:250px; overflow:hidden; top: 0;left: 0;position:absolute;background-color:#fff;display:none;}

/* Global */
.adSize { position:absolute; top:0px; width:300px; height:250px; }
.imgSize { position:absolute; top:0px; width:322px; height:169px; }
.imgSize2 { position:absolute; top:0px; width:561px; height:250px; }
.imgSize3 { position:absolute; top:0px; width:274px; height:191px; }
.forklift {position:absolute;width:215px;height:278px;top: -31px;left: 79px;}
.rotateImage{transform: rotate(4deg);}
.defPos { position:absolute; top:0px; left:0px; }
.btn { cursor: pointer; }
.hideElm { display:none; }
.buttonConfig { background-color:#fff;cursor: pointer;opacity: 0;}
.anchorCenter { -webkit-transform-origin: center center; transform-origin: center center; }
/* Border */
#border { box-sizing: border-box; border: 1px solid #000; }
/*-- BG --*/
#black { background-color: #000; } 

#lineMask1a, #lineMask1b { overflow: hidden; }
#lineMask2a, #lineMask1b { overflow: hidden; }
#lineMask3 { position:absolute; top:0px; width: 500px; height:250px; overflow: hidden; }
#line1a, #line1b {background: url(line1.png) no-repeat; background-size: 100%; }
#line2a, #line2b {background: url(line2.png) no-repeat; background-size: 100%; }
#line3 {background: url(line3.png) no-repeat; background-size: 100%; position:absolute; top:0px; width: 500px; height:250px; }

#img1mask {position:absolute;top: 20px;left: 24px;width: 275px;height: 141px; overflow: hidden;}
#img2mask {position:absolute;top: 20px;left: 24px;width: 275px;height: 141px; overflow: hidden;}
#img3mask {position:absolute;top: 20px;left: 24px;width: 275px;height: 141px; overflow: hidden;}
#img1 {background: url(img1.jpg) no-repeat;background-size: 100%;width: 300px;height: 141px;}
#img2 {background: url(img2.jpg) no-repeat;background-size: 100%;width: 300px;height: 141px;}
#img3 {background: url(img3.jpg) no-repeat;background-size: 100%;width: 300px;height: 141px;}


#mask2 { overflow: hidden; }
#mask3 { overflow: hidden; }
#mask4 { width: 500px; }
/* FRAME 5 */

#logo {background: url(logo.png) no-repeat; background-size: 100%; }
#tc {background: url(tc.png) no-repeat; background-size: 100%; }
#text1a {background: url(text1a.png) no-repeat; background-size: 100%; }
#text1b {background: url(text1b.png) no-repeat; background-size: 100%; }
#text2 {background: url(text2.png) no-repeat; background-size: 100%; }
#text3 {background: url(text3.png) no-repeat; background-size: 100%; }
#text4 {background: url(text4.png) no-repeat; background-size: 100%; }
#cta_out {background: url(cta_out.png) no-repeat; background-size: 100%; }
#cta_over {background: url(cta_over.png) no-repeat; background-size: 100%; opacity:0}
#cta_out2 {background: url(cta_out2.png) no-repeat; background-size: 100%; }
#cta_over2 {background: url(cta_over2.png) no-repeat; background-size: 100%; opacity:0}