@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanslao.css);
	html, body {width: 100%; height: 100%; padding:0; margin:0; }
	img{ display:block;  padding:0; margin:0}
	ul, li, div{padding:0; margin:0}
	li{ list-style:none; }
	a, button{cursor: pointer; border: 0; margin: 0; padding: 0;}

	#content {width: 1170px; height: 100%; background: #12ab86;}
	#content .active {z-index: 1;opacity: 1;}
	.hr{border-bottom: 1px solid #bdbdbd;}
	.sub_bg{ width:1170px; margin:0 auto; text-align:center;}
	.search{background: #12ab86; margin: 0 auto; text-align: center; }
	.search a{text-decoration: none; cursor: pointer;}
	.search button{background: #12ab86;}
	.search-btn:hover{background: #333; box-shadow: 0 0; }
	.search-btn{background: #000000; color: #fff; text-align: center; font-size: 24px; font-weight: 500; text-decoration: none; padding: 25px 0; border-radius: 10px; box-shadow: 0 5px #0f8367; margin: 0 auto; width: 700px;}
	.search-padding{padding: 120px 0 150px 0; margin: 0 auto; }


@media all and (max-width: 710px) {	
	body{ background: #fff;}
	img{width: 100%;}	
	#content {width: 100%;}	
	.search-btn{width:80%; font-size: .9rem; padding: 15px 20px;}
	.search-padding{padding: 40px 0 120px 0;}
}