*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}.container{position:relative;width:970px;height:90px;overflow:hidden;border:1px solid #000}.container .ad{position:absolute;top:0;left:0;width:2910px;height:90px}.container .ad .window{width:200px;height:90px;position:absolute}.container .ad .top-window{top:0;left:170px}.container .ad .middle-window{top:0;left:370px}.container .ad .middle-window2{top:0;left:570px}.container .ad .bottom-window{top:0;left:770px}.container .ad .page{display:inline-block;width:970px;height:90px;vertical-align:top;position:relative}.container .logo{width:170px;height:90px;position:absolute;top:0;left:0;z-index:1;text-align:center;cursor:pointer}.container .logo .logo_img{width:100%;height:100%}.window img.category{position:relative;top:0;left:0;width:45px;height:90px}.window .title{width:150px;height:60px;position:absolute;top:0;left:50px;padding-top:5px;padding-left:3px;padding-right:3px;font-weight:bolder}.window .details{width:138px;height:19px;position:absolute;top:68px;left:61px;overflow:hidden}.window .details .company{float:right;padding-right:3px}.window .details .location{float:left}.window .salary{width:200px;top:95px}.window .salary,.window .type{height:40px;position:absolute;left:100px}.window .type{width:100px;top:145px;font-weight:bolder;font-size:14px}.window .see{width:60px;height:25px;position:absolute;top:60px;left:140px;cursor:pointer;vertical-align:middle;padding:2%}.window .see button{width:100%;height:100%;border:0;cursor:pointer;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;font-weight:bolder}.window .description{position:absolute;top:0;left:0;padding:5px;cursor:pointer;font-size:12px}.window .back .gradient{position:absolute;top:30px;left:0;width:100%;height:60px;background:-webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(#fff));background:-webkit-linear-gradient(top,hsla(0,0%,100%,0),#fff);background:-moz-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%);background:-o-linear-gradient(top,hsla(0,0%,100%,0) 0,#fff 100%);background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=0);cursor:pointer}.window .aside{width:45px}.window .aside,.window .link{height:90px;position:absolute;top:0;left:0}.window .link{width:200px;z-index:4;opacity:0;cursor:pointer}a.right-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;height:30px;width:30px;position:absolute;top:30px;left:932px;cursor:pointer;opacity:.4;z-index:5}a.right-arrow:hover{opacity:.8}a.right-arrow:after{content:"\276F";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}a.left-arrow{text-decoration:none;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;height:30px;width:30px;position:absolute;top:30px;left:174px;cursor:pointer;opacity:.4;z-index:5}a.left-arrow:hover{opacity:.8}a.left-arrow:after{content:"\276E";display:block;color:#fff;font-weight:700;font-size:20px;text-align:center}.window{-webkit-perspective:680px;-moz-perspective:680px;perspective:680px}.window:hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.window:hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);transform:rotateY(180deg)}.back,.flipper,.front{width:200px;height:90px}.flipper{position:relative}.back,.flipper,.front{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d}.back,.front{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;position:absolute;top:0;left:0}.front{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}.back{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);transform:rotateY(-180deg)}