<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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; }
	#content {position: relative;padding:0;margin:0; width: 1170px; height: 1355px;}
	#content img {position: absolute;left: 0;}
	#content .active {z-index: 1;opacity: 1;}

	.sub{width:1170px; margin:0 auto;  text-align:center; position: relative;}
	.btn{ position: absolute; top: 1780px; left: 432px;  width:318px;  margin:0 auto;  text-align:center; }

	.sub_bg{ width: 100%; margin:0 auto; text-align: center;}
	.video{ width:1024px; height: 580px; margin:0 auto; text-align:center;  }
	.video2{ margin:0 auto; text-align:center;}
	.mov_title{ padding-top:20px}
	.search{width: 1170px; margin: 0 auto; float: left;}
	.search a{text-decoration: none; cursor: pointer;}
	.search-btn:hover{background: #333; box-shadow: 0 0; }
	.search-btn{background: #e60012; color: #fff; text-align: center; font-size: 21px; font-weight: 600; text-decoration: none; padding: 20px 0; border-radius: 8px; letter-spacing: -1px; box-shadow: 0 5px #dbdbdb;}
	.search-padding{padding: 130px 0 100px 0; width: 500px; margin: 0 auto; }
	.hr{border-bottom: 1px solid #dadada; padding: 0; margin: 150px 0 50px 0;  }
	

@media all and (max-width: 769px) {	
	body{ background: #fff;}
	img{width: 100%;}	
	#content {width: 100%; height: auto;}	
	.search{border-radius: 0 !important; width: 100%;}
	.search-btn{ width:100%; font-size: .9rem; padding: 12px 0px; margin: 50px 0; }
	.search-padding{padding: 0px 0px 50px 0;}
	.sub_bg{ width: 100%;}
	.video{width:63%; border-radius: 13px; }
	.sub-box{padding-top: 115%;}
	.hr{display: none;}
	.search-padding{padding: 0; width: 75%;}

}</pre></body></html>