@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;}
	#content .active {z-index: 1;opacity: 1;}
	.img_tab{ width:1170px; float:left; margin:0; padding:0;}
	.img_tab li{ list-style:none; float:left;}
	.img_tab1{ float:left;}
	.img_tab2{ float:right;}
	.btn-bg{ background: #eaeaea; width: 1170px; text-align:center; margin: 0 auto;  padding: 120px 0 150px 0}
	.btn{background-color: #d30e18;  width: 400px; height: 70px; margin: 0 auto; text-align: center; color: #fff; }
	.line-bg{ background: #eaeaea; padding: 85px 0;}
	.hr{border-bottom: 1px solid #bdbdbd;}
	.sub_bg{ width:1170px; margin:0 auto; text-align:center;}
	.search{background: #FFFFFF; margin: 0 auto; text-align: center; }
	.search a{text-decoration: none; cursor: pointer;}
	.search-btn:hover{background: #333333; box-shadow: 0 0; }
	.search-btn{background: #00aeef; color: #fff; text-align: center; font-size: 24px; font-weight: 700; text-decoration: none; padding: 25px 0 28px 0; border-radius: 10px; letter-spacing: -1px; box-shadow: 0 5px #bababa; width: 500px; margin: 0 auto;}
	.search-padding{padding: 80px 0 150px 0; width: 100%; margin: 0 auto; }


@media all and (max-width: 710px) {	
	body{ background: #fff;}
	img{width: 100%;}	
	#content {width: 100%;}	
	.search-btn{padding-bottom: 40px; width:60%;}
}