#footer{background-color:#f9f9f9; overflow:hidden;}
	#foot{width:1400px; position:relative; margin:50px auto;}

		.f_left span{position:absolute; left:0; color:#16283c;}
			.f_left span:first-child{top:0;}
				.f_left span:first-child a{margin-right:20px; font-size:14px;}
			.f_left span:last-child{bottom:0; font-size:14px;}

			.f_left span:first-child a:hover{text-decoration:underline;}

		.f_center{color:#16283c; text-align:center; line-height:1.8em; font-size:14px;}
			.f_center img{display:block; margin:0 auto 20px;}

		.f_right a{position:absolute; left:0; top:0; margin-top: 140px;}
#footer a{color:#16283c;}

#popup{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; justify-content: center; z-index: 999; display: none;}
.body{width: 700px; background-color: #fff; left: 50%; margin-left: -350px; text-align: left; padding: 2%; position: relative; margin-top: -100px; top:300px;}
.close{position: absolute; right: 0; top: -40px; font-size: 30px; font-weight: bold; cursor: pointer; color: #fff;}
.body .title{font-size: 30px; font-weight: bold; text-align: center; padding: 0 2% 2%;}
.body_content{min-width: 300px; max-height: 400px; overflow-y: scroll;}
.content{font-size: 16px; margin-top: 3%;}
#popup.on{display: block;}

#popup2{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; justify-content: center; z-index: 999; display: none;}
#popup2.on{display: block;}



@media (max-width: 767px) {
	#popup{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; justify-content: center; z-index: 999; display: none;}
	.body{width: 300px; background-color: #fff; left: 50%; margin-left: -168px; text-align: left; padding: 5%; position: relative; margin-top: -100px; top:150px;}
	.close{position: absolute; right: 0; top: -40px; font-size: 30px; font-weight: bold; cursor: pointer; color: #fff;}
	.body .title{font-size: 30px; font-weight: bold; text-align: center; padding: 0 2% 2%;}
	.body_content{min-width: 300px; max-height: 400px; overflow-y: scroll;}
	.content{font-size: 16px; margin-top: 3%;}
	#popup.on{display: block;}

	#popup2{position: fixed; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); top: 0; justify-content: center; z-index: 999; display: none;}
	#popup2.on{display: block;}
}


@media screen and (min-width:1201px) and (max-width:1600px){
	#foot{width:1100px; position:relative; margin:50px auto;}
		.f_center{padding-bottom:50px;}
		.f_right a{position:absolute; left:0; top:0; margin-top:190px;}

}




@media screen and (min-width:0px) and (max-width:1200px){
	#foot{width:90%; position:relative; margin:30px auto;}

		.f_left span{position:absolute; left:0; font-size:12px;}
			.f_left span:first-child{top:0;}
				.f_left span:first-child a{margin-right:20px; font-size:14px;}
			.f_left span:last-child{bottom:0; font-size:12px;}

			.f_left span:first-child a:hover{text-decoration:underline;}

		.f_center{text-align:center; line-height:1.5em; font-size:12px; padding-bottom:40px;}
			.f_center img{display:block; margin:0 auto 20px; width:200px; padding:40px 0 0;}

		.f_right a{position:absolute; right:0; top:0;}
		.f_right a img{width:20px;}
#footer a{font-size:12px; margin-top: 185px;}
}