@font-face{font-family:'Fontage';src:url(fonts/ftg/ftg.eot);src:url(fonts/ftg/ftg.eot?iefix) format("embedded-opentype"),url(fonts/ftg/ftg.woff) format("woff"),url(fonts/ftg/ftg.ttf) format("truetype"),url(fonts/ftg/ftg.svg) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Fontello';src:url(fonts/ftl/ftl.eot);src:url(fonts/ftl/ftl.eot?iefix) format("embedded-opentype"),url(fonts/ftl/ftl.woff) format("woff"),url(fonts/ftl/ftl.ttf) format("truetype"),url(fonts/ftl/ftl.svg) format("svg");font-weight:400;font-style:normal}
body{background:#111}
::-webkit-scrollbar{display:none}
#pic-navi{position:fixed;padding-top:40px;width:100%;top:35%;opacity:.5;z-index:100}
.pic-left{float:left;width:50px;height:100px;background:url(images/pic-left.png);background-position:center no repeat;opacity:.8}
.pic-right{float:right;width:50px;height:100px;background:url(images/pic-right.png);background-position:center no repeat;opacity:.8}
.pic-left:hover,.pic-right:hover{opacity:1}
#pic-container{margin:0 0 40px;padding-top:40px;width:100%;overflow:auto}
.pic-full{text-align:center;width:100%!important}
.pic-info{z-index:100;position:fixed;height:40px;background:#555;color:#dadad2;width:100%;overflow:hidden;-webkit-box-shadow:0 1px 2px rgba(0,0,0,0.25);-moz-box-shadow:0 1px 2px rgba(0,0,0,0.25);-o-box-shadow:0 1px 2px rgba(0,0,0,0.25);-khtml-box-shadow:0 1px 2px rgba(0,0,0,0.25);-ms-box-shadow:0 1px 2px rgba(0,0,0,0.25);box-shadow:0 1px 2px rgba(0,0,0,0.25)}
.pic-panel{position:absolute;background:#555;right:0;float:right;-webkit-box-shadow:-20px 0 30px 20px rgba(85,85,85,1);-moz-box-shadow:-20px 0 30px 20px rgba(85,85,85,1);-o-box-shadow:-20px 0 30px 20px rgba(85,85,85,1);-khtml-box-shadow:-20px 0 30px 20px rgba(85,85,85,1);-ms-box-shadow:-20px 0 30px 20px rgba(85,85,85,1);box-shadow:-20px 0 30px 20px rgba(85,85,85,1)}
.pic-facebook,.pic-twitter,.pic-pinterest{float:right;text-align:center;height:40px;line-height:40px;display:inline-block;width:45px;font-size:1em;font-family:'Fontello';speak:none;text-decoration:inherit;text-align:center;content:'🔗';opacity:.8}
.pic-twitter:hover,.pic-facebook:hover,.pic-pinterest:hover{background:#333;opacity:1}
.pic-facebook{background:#536ea8}
.pic-facebook:before{content:'\e805';font-size:100%;color:#fffde8}
.pic-twitter{background:#5ab2e0}
.pic-twitter:before{content:'\e806';font-size:100%;color:#fffde8}
.pic-pinterest{background:#e81717}
.pic-pinterest:before{content:'\e808';font-size:100%;color:#fffde8}
.pic-close,.pic-back{float:right;padding:0 20px;font-weight:700;font-size:.9em;text-transform:uppercase;font-family:Helvetica,Arial,sans-serif;cursor:pointer;display:inline-block;text-align:center;line-height:40px;height:40px;background:#333}
.pic-close:before{color:#c97;font-family:'Fontage';speak:none;display:inline-block;font-size:100%;margin-right:.8em;content:'\25FC'}
.pic-back:before{color:#c97;font-family:'Fontage';speak:none;display:inline-block;font-size:120%;margin-right:.8em;content:'\25C0'}
.pic-close,a.pic-close,.pic-back,a.pic-back{color:#dadad2}
.pic-close:hover,.pic-back:hover{color:#fffde8;background:#940}
.pic-title{float:left;position:absolute;display:inline;font-family:Helvetica,Arial,sans-serif;font-weight:100;font-size:1.1em;text-align:left;line-height:40px;padding-left:20px;width:100%;overflow:hidden}
.pic-logo{margin:0;padding:0;z-index:10;background-color:#333;height:40px;width:40px;background:#333 url(images/spts-1.png) no-repeat;background-position:0 0;float:left}
.pic-logo:hover{background-color:#940}
@media screen and (max-width: 600px) {
.pic-facebook,.pic-twitter,.pic-pinterest{display:none}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi) {
.pic-left{background-size:50px!important;background:url(images/pic-left@2x.png)}
.pic-right{background-size:50px!important;background:url(images/pic-right@2x.png)}
.pic-logo{background-size:200px!important;background:#333 url(images/spts-1@2x.png);background-position:0 0}
}