div.wrapper {min-height:100%;margin-bottom:-128px;min-width:320px;}/*-300px*/
div.wrapper:after {content:'';display:block;height:148px}/*320px*/

footer div.inf {display:none;background:url('../img/footer-noise.png') repeat-x;color:#fff}
footer div.inf>p {font-size:17px;height:152px;padding-top:20px;max-width:100%;width:1200px;margin:0 auto;overflow:hidden;text-align:center}
footer div.inf>p>span {display:inline-block;width:20%;vertical-align:top}
footer div.inf span span {display:inline-block;white-space:nowrap;text-align:center}

footer div.inf span.seo span:before {display:block;content:'';width:120px;height:108px;margin:0 auto -20px;background:url('../img/footer-icon.png') no-repeat 22px 0}
footer div.inf span.print span {vertical-align:bottom}
footer div.inf span.print span:after {display:block;content:'';width:86px;height:79px;margin:5px auto 0;background:url('../img/footer-icon.png') no-repeat 5px -172px}
footer div.inf span.server span:before {display:block;content:'';width:98px;height:90px;margin:0 auto;background:url('../img/footer-icon.png') no-repeat 11px -516px}
footer div.inf span.site span {vertical-align:bottom}
footer div.inf span.site span:after {display:block;content:'';width:120px;height:108px;margin:0 auto;background:url('../img/footer-icon.png') no-repeat 22px -344px}
footer div.inf span.domain span:before {display:block;content:'';width:76px;height:69px;margin:0 auto;background:url('../img/footer-icon.png') no-repeat 0 -688px}

footer div.addr {white-space:nowrap;color:#fff;background:#003e59 url('../img/footer-addr.gif') repeat-y 50% 0}
footer div.addr>p {font-size:12px;height:63px;line-height:63px;width:1200px;margin:0 auto;overflow:hidden}
footer div.addr span {display:inline-block;height:63px;line-height:63px}
footer div.addr span.addr {width:350px;padding-left:250px;background:url('../img/logo-footer.png') no-repeat 9px 13px}
footer div.addr span.phone:before {content:'';display:inline-block;height:63px;width:75px;background:#de8f23 url('../img/footer-phone.png') no-repeat 50% 50%;margin-right:15px;vertical-align:bottom}
footer div.addr span.mail:before {content:'';display:inline-block;height:63px;width:75px;background:#de8f23 url('../img/footer-mail.png') no-repeat 50% 50%;margin-right:15px;margin-left:35px;vertical-align:bottom}

footer div.footer {height:65px;width:1200px;margin:0 auto;overflow:hidden;color:#24282b;font-size:11px;line-height:65px;background-color:#fff}
footer div.footer span {float:right}
footer div.footer a.gp {text-indent:37px;position:relative;display:inline-block;width:37px;height:37px;overflow:hidden;vertical-align:middle;background:url('../img/gplus.png') no-repeat 0 100%}
footer div.footer a.gp:after {transition:opacity .5s;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url('../img/gplus.png') no-repeat 0 0}
footer div.footer a.gp:hover:after {opacity:0}
footer div.footer a.gp img {vertical-align:top}
footer div.footer a.fb {margin-left:16px;text-indent:37px;position:relative;display:inline-block;width:37px;height:37px;overflow:hidden;vertical-align:middle;background:url('../img/fb.png') no-repeat 0 100%}
footer div.footer a.fb:after {transition:opacity .5s;content:'';position:absolute;width:100%;height:100%;left:0;top:0;background:url('../img/fb.png') no-repeat 0 0}
footer div.footer a.fb:hover:after {opacity:0}
footer div.footer a.fb img {vertical-align:top}

@media screen and (max-width:1200px){
    div.wrapper {margin-bottom:-96px}/*-268px*/
    div.wrapper:after {height:116px}/*272px*/
    footer div.addr>p {width:auto;padding:0 10px}
    footer div.addr span.addr {background-size:100px auto;background-position:9px 50%;padding-left:130px;width:50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
    footer div.footer {height:33px;width:auto;padding:0 10px;line-height:33px;min-width:300px}
    footer div.footer a.gp {width:30px;height:30px;background-size:100% auto}
    footer div.footer a.fb {width:30px;height:30px;background-size:100% auto;margin-left:10px}
    footer div.footer a.gp:after,footer div.footer a.fb:after {background-size:100% auto}
}

@media screen and (max-width:960px){
    div.wrapper {margin-bottom:-158px}
    div.wrapper:after {height:165px}
    footer div.inf {display:none}
    footer div.addr {background:#003e59}
    footer div.addr span {display:block;width:auto}
    footer div.addr>p {line-height:normal;height:auto;padding:0}
    footer div.addr span.addr {background:none;padding-left:0;width:auto;padding:0 10px}
    footer div.addr span.mail,footer div.addr span.phone {background-color:#f5a12a;height:31px;line-height:31px}
    footer div.addr span.mail:before, footer div.addr span.phone:before {margin:0 10px 0 0;height:31px}
}

@media screen and (max-width:400px){
footer div.addr span.mail:before, footer div.addr span.phone:before {width:50px}
}