@-webkit-keyframes wave {
	0%{background-position:0 100%}
	100%{background-position:-150% 100%}
}
@keyframes wave{
	0%{background-position:0 100%}
	100%{background-position:-150% 100%}
}

@media only screen and (min-width: 1200px) {
	* {font-size:16px !important;}
	html {font-size:18.83px !important;}
	body, .page-group, .page, .content {
		overflow:visible;
		position:static !important;
	}
	ul, li, h1, h2, h3, h4, p {
		list-style: none;
		margin:0;
		padding:0;
		font-weight: normal;
	}
	.sy-m {display:none;}
	.container {
		width:1200px;
		margin:0 auto;
		clear:both;
	}
	a:hover {
		color:rgb(0, 200, 250) !important;
	}
}
@media only screen and (max-width: 1199px) {
	.sy-pc {display:none;}
	.sy-m.bar.bar-nav {background-color:#0084ff;}
	.sy-m.bar.bar-nav:after {display: none;}
	.sy-m.bar.bar-nav .title {color:white;}
	.sy-m.bar.bar-nav .button-link {color:white;}
	.sy-m.bar.bar-nav h1.title span {
		font-family: Georgia, Tahoma, Verdana !important;
		margin:0 3px;
	}
	.sy-m.bar.bar-nav h1.title img {
		vertical-align: middle;
		height:1rem;
	}
	.sy-m.bar.bar-nav .wave {
		width:100%;
		position:absolute;
		bottom:-10px;
		left:0;
		height:10px;
	}
	.sy-m.bar.bar-nav .wave-1 {
		background:url(/image/wave-bg-11.png) repeat-x 0 100%;
		-webkit-animation: wave 10s linear infinite;
		animation: wave 10s linear infinite;
	}
	.sy-m.bar.bar-nav .wave-2 {
		background:url(/image/wave-bg-12.png) repeat-x 0 100%;
		-webkit-animation: wave 6s linear infinite;
		animation: wave 6s linear infinite;
	}
	.sy-m.bar.bar-nav .wave-3 {
		background:url(/image/wave-bg-13.png) repeat-x 0 100%;
		-webkit-animation: wave 3s linear infinite;
		animation: wave 3s linear infinite;
	}
}