html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}

 body {
     /*font-family: cursive;*/
     font-family: 'Roboto', sans-serif;
 }
 .cf:after,
 .cf:before {
     content: '';
     display: block;
     clear: both;
 }
 .container {
     width: 100%;
     max-width: 960px;
     margin: 0 auto;
 }

 .slider-main {
     height: 500px;
     width: 100%;
     position: relative;
     float: left;
     transform-style: preserve-3d;
 }
 .slider {
     height: 120px;
     width: 200px;
     margin: 200px auto 0;
     transform-style: preserve-3d;
 }
 .slider li {
     width: 100%;
     height: 100%;
     background: #00fe5ab0;
     box-shadow: 0 0 12px 0px #00000059;
     line-height: 100px;
     text-align: center;
     font-size: 30px;
     color: #3e3e3e;
 }
 .jas-control {
     position: absolute;
     bottom: -100px;
     width: 200%;
     left: -50%;
 }
 .jas-control a {
     display: inline-block;
     width: 70px;
 }
 .jas-control a.next {
     float: right;
 }
 .jas-control a.prev {
     float: left;
 }
 .jas-control a img {
     width: 100%;
 }