@media screen and (min-width: 320px) {

	.footer{ display: none;}

	.footer-b-bg{ background: #f0f0f0; margin-top: 20px;}

	.footer-b{ padding: 10px 0; text-align: center; font-size: 12px; color: #666;}

	.footer-b a{ color: #666;}

	.footer-b a:hover{ color: #82bf34;}

	.pf-box{ display: none;}

}



@media screen and (min-width: 992px) {

	.footer{display: block;}

	.footer-bg{ background: #f0f0f0; margin-top: 25px; padding: 30px 0 20px 0;}

	.footer-mess{ display: flex; flex-wrap: nowrap;}

	.footer-mess dl{ float: left; flex-grow:1; padding-right: 40px\9;}

	.footer-mess dt a{ font-size: 16px; color: #82bf34; font-weight: bold;}

	.footer-mess dd{ padding-top: 5px; color:#888;}

	.footer-mess dd span{display: block; line-height: 28px;}

	.footer-mess dd span a{ color: #888; font-size: 12px;}

	

	.footer-b-bg{ background: none; margin-top: 0;}

	.footer-b{ overflow: hidden; padding: 15px 0;}

	/*.footer-bl{ float: left; font-size: 14px;}

	.footer-br{ float: right; font-size: 14px;}*/

	.footer-mess dd span a{ font-size: 14px;}

	.footer-mess dd span a:hover{ color: #82bf34;}

	

	/*.pf-box{display: block; position: fixed; left: 50%; top: 50%; margin-left: 602px; margin-top: -134px; width: 110px; -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px; overflow: hidden; border:solid 1px #82bf34 ; z-index: 99; background: #fff;}

.pf-box b{ line-height: 40px;background: #82bf34; height: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; display: block;}

.pf-box ul,.pf-box li{padding: 0; margin: 0; list-style: none;}

.pf-box ul{ padding: 5px 2px;}

.pf-box li{ border-bottom: solid 1px #ddd; color: #82bf34; line-height: 20px; padding: 5px 0; text-align: center; font-size: 12px;}

.pf-box li span{display: block;}

.pf-box li:nth-last-child(1){  border: none;}*/







.pf-box{display: block; position: fixed; right: 10px; top: 50%;  margin-top: -134px; width: 150px; -webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px; overflow: hidden; border:solid 2px #82bf34 ; z-index: 99; background: #fff;}

.pf-box b{ line-height: 40px;background: #82bf34; height: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 14px; display: block;}

.pf-box ul,.pf-box li{padding: 0; margin: 0; list-style: none;}

.pf-box ul{ padding: 10px 8px;}

.pf-box li{ border-bottom: solid 1px #bebebe; color: #82bf34; line-height: 20px; padding: 5px 0; text-align: center;}

.pf-box li span{display: block;}

.pf-box li:nth-last-child(1){  border: none;}



	

}



@media screen and (min-width: 1230px) {

	.pf-box{ margin-left: 610px; right:auto; left:50%;}

	.footer-mess dl{ padding-right: 70px\9;}

	footer-mess dd span a{ font-size: 14px;}

}