@media only screen 
and (max-width : 1000px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	img{width:100%; height:auto;}
	nav{background:#9607a7; height:auto; padding:5px;}
		nav ul li {width:30%; border:1px solid #51065a; border-radius:5px; margin:1px;}
		nav ul li:after{content:"";}
		nav ul li a{margin:0; padding:0;}
	header{background:#dcdca4; height:auto;}
		.header_left, .header_right{width:100%; float:none;}
		.header_left{background:#dcdca4; border-bottom:5px solid #fff; border-radius:0 0 10px 10px; text-align:center;}
		.header_right{text-align:center;}
	#banner{padding:5px 10px;}
		.banner_left{position:initial; width:100%;}
		.banner_left p{background:none; height:auto; border:2px dashed #840792; border-radius:8px; padding:20px}
		.banner_right{float:none; display:block; margin:0 auto; width:64%; padding:0;}
	#main{margin:0; padding:0 10px;}
	#mid{height:auto;}
	.mid-box{height:auto; width:49%;}
	.mid_texts{position:initial; width:100%; height:auto; padding:15px;}
	.mid-box img{display:none;}
	.mid-box:nth-child(2){margin:0 3px;}
	.mid-box:nth-child(3){display:block; margin:10px auto;}
	.mid-box:first-child .mid_texts:hover,
	.mid-box:nth-child(2) .mid_texts:hover,
	.mid-box:nth-child(3) .mid_texts:hover{background:#aaad29; border-top:4px solid #dfdf44;}
	.mid-box:first-child .mid_texts{background:#ff5c78; border-top:4px solid #e42f4e;}
	.mid-box:nth-child(2) .mid_texts{background:#00a3ff; border-top:4px solid #0d7ad4;}
	.mid-box:last-child .mid_texts{background:#ffbb00; border-top:4px solid #e98100;}
	.col-a, .col-b{float:none;}
	.col-b{width:100%;}
	.col-a{width:74%; margin:0 auto}
	.media_left, .media_right{width:312px;}
	.media_left{float:left;}
	.media_right{float:right;}
	.bottom{padding:10px; height:245px;}
	.mission:after{content:"";}
	.mission{padding:20px; border:1px dashed #dddddd; border-radius:5px;}
}

@media only screen 
and (max-width : 900px) {
	.banner_right{width:78%;}
	.col-a{width:80%;}
	.con_info{margin:10px auto;}
	.mission, .con_info{float:none;}
	.mission{width:100%}
	.mission:before{content:"";}
	.bottom{height:auto;}
	.con_info ul li {width: auto !important}
	.con_info ul li:nth-child(2) {position: static;}
	.mission, .con_info {width: auto;text-align:center;}
}

@media only screen 
and (max-width : 800px) {
	.banner_right{width:85%;}
	.col-a{width:95%;}

	
}

@media only screen 
and (max-width : 734px) {
	.banner_right{width:100%;}
	.mid-box{width:100%;}
	.mid-box:nth-child(2){margin:15px 0;}
	.mid-box:nth-child(3){margin:0;}
	.col-a{width:100%;}
	
	
}

@media only screen 
and (max-width : 690px) {
	.newsletter{background:#ebebeb; padding:10px; width:100%; height:auto;}
		.newsletter h2, .text, .submit2{float:none; width:100%;}
		.newsletter h2{padding:14px 0 33px 68px; text-align:left;}
		.newsletter span{display:inline;}
		.text{background:#ebebeb; border:1px solid #e4e4e4; border-radius:5px; margin:0;}
		.media_left, .media_right{float:none; display:block; margin:0 auto;}
}

@media only screen 
and (max-width : 600px) {
	.nav-toggle-button, nav li, nav li span{ display: block; }
	nav{display: none;}
	nav ul li {width:100%; }
	.dropdown ul ul li{width:285%;}
	.banner_right{display:none;}
	.maincontents img{float:none; display:block; margin:5px auto;}
	footer{background:#51065a; height:auto; padding:10px;}
	.footer_navigation ul li {width:100%;}
	.footer_navigation ul li:after{content:"";}
	.footer_navigation ul li a {padding:10px; display:block; border:1px solid #fff; margin:2px 0;}
	.footer_navigation ul li a:hover{border:1px solid #ffc72d;}	
	#copyright {background:#9510a4; padding:5px 0;}	
}
@media only screen 
and (max-width : 550px) {
	.con_info{width:100%;}
}

@media only screen 
and (max-width : 440px) {
	.con_info ul li:nth-child(2) {margin-top: 10px;}
}