@charset "utf-8";
@media only screen and (max-width:1600px){
	footer{
		height:250px;
	}
}
@media only screen and (max-width:1280px){
	footer{
		height:250px;
	}
}
@media only screen and (max-width:959px){
}
@media only screen and (max-width:767px){
}
@media only screen and (max-width:479px){
	.content-wrap{
		position: relative;
		margin: 0 auto;
		padding: 60px 0;
	}
	#top-nav-wrap, #wordmark, #main-nav-wrap, #slider, .block-more, .fm-right, .mobile-fm-block-title{
		display: none;
	}
	#mobile-wordmark{
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		background: #fff;
		border-bottom: solid 1px #ccc;
		box-shadow: 0 1px 10px #aaa;
		z-index: 10;
	}
	#mobile-wordmark a{
		display: block;
		margin: 5px auto;
		text-align: center;
		width: 100px;
	}
	#mobile-wordmark img{
		height: 44px;
	}
	#mobile-menu{
		display: block;
	}
	#mobile-menu-btn{
		display: block;
		position: fixed;
		top: 15px;
    	right: 8px;
		width: 24px;
    	height: 22px;
		z-index: 11;
	}
	#hamburger{
		display: block;
		position: relative;
		top: 9px;
    	width: 20px;
    	height: 3px;
		background: #000;
		transform-origin: center;
    	transition: .3s ease-in-out;
	}
	#hamburger::before, #hamburger::after{
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background: #000;
		transition: .3s ease-in-out;
    }
	#hamburger::before{
		top: -7px;
	}
	#hamburger::after{
		bottom: -7px;
	}
	#mobile-menu-btn.active #hamburger {
		transform: rotate(45deg);
	}
	#mobile-menu-btn.active #hamburger::after {
        transform: rotate(90deg);
        bottom: 0;
	}
	#mobile-menu-btn.active #hamburger::before {
        transform: rotate(90deg);
        top: 0;
	}
	main {
		position: relative;
		height: 100%;
		transition: transform .5s ease-in-out;
	}
	#mobile-menu ul {
		position: fixed;
		top: 55px;
		right: -100%;
		width: 100%;
		height: 100%;
		background: #333;
		text-align: center;
		color: #fff;
		transition: transform .5s ease-in-out;
	}
	.move-to-left, .move-to-left2 {
		transform: translateX(-100%);
	}
	#mobile-menu ul li{
		list-style: none;
		font-size: 20px;
		margin-top: 30px;
	}
	#mobile-menu ul li:nth-child(1){
		margin-top: 50px;
	}
	.triangle{
		display: inline-block;
		vertical-align: 15%;
		margin-left: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 8px;
		border-color: transparent transparent transparent #eee;
	}
	#mobile-menu ul ul{
		position: fixed;
		top: 0;
		right: -200%;
		background: #222;
		text-align: center;
		transition: transform .5s ease-in-out;
	}
	.move-to-left2 {
		transform: translateX(-200%);
	}
	.back{
		color:#aaa;
	}
	#mobile-slider{
		display: block;
		overflow:hidden;
		position:relative;
		margin-top:-10px;
		width:100%;
		background:#00001e;
	}
	#mobile-slider ul li{
		float:left;
	}
	#mobile-slider .dots {
		display:block;
		position: absolute;
		left:0;
		right:0;
		bottom: 10px;
		text-align:center;
	}
	#mobile-slider .dots li {
		display: inline-block;
		width: 8px;
		height: 8px;
		margin: 0 5px;
	
		text-indent: -999em;
			
		border: 2px solid #fff;
		border-radius: 6px;
			
		cursor: pointer;
		opacity: .4;
			
		transition: background .5s, opacity .5s;
	}
	#mobile-slider .dots li.active {
		background: #fff;
		opacity: 1;
	}
	.mobile-block-more{
		display: block;
		width: 150px;
		margin: 0 auto;
		padding:10px 20px;
		text-align: center;
		font-size:22px;
		color:#7caa3b;
		border:solid 2px #7caa3b;
		border-radius:4px;
	}
	.mobile-block-more:hover{
		color:#fff;
		background:#7caa3b;
		border:solid 2px #7caa3b;
		transition:0.3s;
	}
	#news-block{
		overflow:auto;
		margin:0 auto;
		width:80%;
	}
	#news-block ul li{
		overflow:hidden;
		width:100%;
		float:left;
	}
	#news-block ul li p{
		width: 150px;
		margin: 0 auto 30px auto;
		padding:10px 20px;
		text-align:center;
		font-size:22px;
		font-weight:bold;
		color:#fff;
		background:#7caa3b;
		border:solid 2px #7caa3b;
		border-radius:4px;
	}
	.news{
		height:auto;
		margin: 0 0 30px;
	}
	#news-block ul li .news:nth-last-child(1){
		margin: 0 0 60px;
	}
	.news div{
		padding-bottom:20px;
		border-bottom:solid 1px #aaa;
		border-left:none;
	}
	#news-block ul li .news:nth-last-child(1) div{
		border-bottom:none;
	}
	.new div{
		border-bottom:solid 1px #aaa;
		border-left:none;
	}
	.news div span:nth-child(1){
		display:block;
		font-size:16px;
		line-height:22px;
	}
	.news div span:nth-child(1):hover{
		color:#7caa3b;
		transition:0.3s;
	}
	.new div span:nth-child(1):hover{
		color:#f7ab20;
		transition:0.3s;
	}
	.news div span:nth-child(2){
		display:block;
		margin:5px 0 0 0;
		font-size:12px;
		color:#878787;
	}
	footer{
		position: relative;
		width:100%;
		height:auto;
		overflow: auto;
	}
	footer div{
		margin:0 auto;
		width:100%;
	}
	footer div ul{
		padding:20px;
		width:100%;
	}
	footer div ul:nth-child(3){
		width:100%;
	}
	footer div ul:nth-child(3) li:nth-last-child(1){
		text-align: center;
		display: block;
		margin-top: 30px;
		right:auto;
	}
	.text-wrap{
		width:80%;
	}
	.text-wrap div.img img{
		width:100%;
	}
	.text-wrap iframe{
		width:100%;
		height:auto;
	}
	#news-table{
		width:100%;
		font-size:14px;
		line-height:20px;
	}
	#news-table th{
		font-size:16px;;
	}
	#news-table th:nth-child(2), #news-table tr td:nth-child(2){
		display: none;
	}
	#news-table th:nth-child(1){
		width:20%;
	}
	#news-table th:nth-child(3){
		width:80%;
	}
	#news-table tr td:nth-child(3){
		padding-left:20px;
	}
	.news-date{
		margin-bottom:30px;
	}
	.text, .course-ul li, .course-ul span{
		font-size:14px;
		line-height:22px;
	}
	.text-2{
		text-indent:28px;
		font-size:14px;
		line-height:22px;
	}
	.mobile-fm{
		display: block;
		margin: -20px 0 0 0;
		padding: 0;
		float:left;
	}
	.mobile-fm li{
		margin-bottom:15px;
	}
	.fm-left{
		width:100%;
	}
	.fm-paper{
		font-size:14px;
		line-height:22px;
	}
	.fm-paper li{
		margin:0 0 20px 14px;
	}
	.fm-cat{
		float:none;
		margin:0;
		text-align: center;
		font-size:14px;
	}
	.fm-footer, .fm-footer a{
		text-align: center;
		font-size:14px;
		margin:0 10px 10px;
	}
	ul.fm-footer li:last-child{
		margin-bottom: 30px;
	}

	.course-table, .other-table{
		width: 100%;
		font-size:14px;
		line-height:22px;
	}
	div.mobile-course-table{
		width: 100%;
	}
	div.mobile-course-table .course-table{
		width: 90%;
		margin: 0 auto;
	}
	.faq li p:nth-child(1){
		margin-left:39px;
		text-indent:-39px;
	}
	.faq li p:nth-child(2){
		margin-left:39px;
		text-indent:-37px;
	}
	.tree li span:nth-child(1){
		font-size:12px;
	}
	.tree li span:nth-child(3){
		font-size:14px;
	}
	.fancy-img-landscape{
		display: block;
		width:100%;
		margin:0 auto;
		padding:5px;
	}
	.fancy-img-portrait{
		display: block;
		margin: 0 auto;
	}
	.dl li{
		text-align:center;
		font-size:14px;
		line-height:20px;
		margin:0 20px 20px 20px;
	}
}