@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;}
	.back-padding{margin-top: 15px;}
	.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;}
	.btn-bg button{ margin: 0; padding: 0; background: #eaeaea;}
	.btn{width: 390px; margin: 0 auto; text-align: center;}
	.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: #eaeaea; margin: 0 auto; text-align: center; }
	.search a{text-decoration: none; cursor: pointer;}
	.search-btn:hover{background: #333; box-shadow: 0 0; }
	.search-btn{background: #ff883a; color: #fff; text-align: center; font-size: 22px; font-weight: 500; text-decoration: none; padding: 22px 0 28px 0; border-radius: 10px; letter-spacing: -1px; box-shadow: 0 5px #bababa; width: 500px; margin: 0 auto;}
	.search-padding{padding: 120px 0 150px 0; width: 100%; margin: 0 auto; }



@media all and (max-width: 770px) {	
	body{ background: #d30d18;}
	img{width: 100%;}
	#content {width: 100%;}	
	.btn-bg{width: 100%; }	
	.btn{width: 50%; }
	.line-bg{ padding: 30px 0;}
	.search-btn{font-size: 15px; padding: 15px 40px; width: 100%;}
	.search-padding{padding: 50px 0; width: 100%; }
}