/* CSS Document */


@media screen and (max-width: 1200px){
.cha_1,.cha_2,.cha_3,.cloud,.cloud_2,.cloud_3,.cloud_4{
display: none;
}
.news ul{
	width:90%;
	}
.news li{
	width:100%;
	margin:10px 0%;
	}
.news_article{
	width:70%;
	}
.step{
	width:90%;
	}
	
	
	
	.spot_name{
width:40%;
height: auto;
}

	.spot_addr{
width:50%;
    height: auto;

}

.spot_phone{
width:50%;
}

.spot_icon,.spot_qrcode{
width:17.7%;
	}

}

@media screen and (max-width: 990px){
.logo{
	padding:0 2%;
	}
nav{
	width:100%;
	}
.step{
	width:96%;
	}
.search_select,.search_map{
width:100%;
}
.search_select{
height:auto;
padding-bottom: 50px;	
}
	.spot_name{
width:90%;
}

	.spot_addr{
width:90%;
}

.spot_phone{
width:60%;
}

.spot_icon,.spot_qrcode{
width:10%;
	}
.news_in div{
width:80%;
	}
header{
	background:url(../images/header_mobile.jpg)top center no-repeat;
	background-size:130%;
	padding-bottom: 20%;
	}
	
.main_slogan{
	position:relative;
	left:2%;
	width:98%;
	height:auto;
	z-index: 10;
	top:10px;
	padding-bottom: 38%;
	}
	.step{
		display: none;
	}
	
	.step_mobile{
		display:block;
	}
	
	
}

@media screen and (max-width: 880px){

.spot_phone{
width:40%;
}

.spot_icon,.spot_qrcode{
width:15%;
	}
	
	
}

@media screen and (max-width: 800px){
	.pc_menu{
		display: none;
	}
	
	.m_btn,
	.m_menu_basic{
		display: block;
	}
	
	
	.tab_bar{
		display: block;
	}
nav{
	padding:0px 0 5px;
	}
.logo{

	height:50px;
	width:50px;
	}
.info_more span{
	width:90%;
	padding: 20px 5% 20px 5%;

}

.input_button{
width:23%;
}
}

@media screen and (max-width: 768px){
.news_article{
	width:65%;
	}
	
.info{
padding:0 0 70px;
	
}

.news_in div{
width:90%;
	}
	
}


@media screen and (max-width: 680px){
.spot_phone{
width:90%;
}

.spot_icon{
width:100px;
	}
	
.spot_qrcode{
width:50px;
	}
}

@media screen and (max-width: 660px){
.news_article{
	width:60%;
	}
	
}

@media screen and (max-width: 600px){

}

@media screen and (max-width: 580px){
.title{
padding-top: 20px;
	}
.title img{
width:70%;
}
	.btn_link{
	width:100%;	
	}
	
.news_date,.news_article{
	width:90%;
	text-align:left;
	}
}

@media screen and (max-width: 480px){
.title img{
width:80%;
}
.btn_more{
width:80%;
font-size: 22px;
}
.input_button{
width:43%;
margin:2%;
}
	
.btn_more_3{
width:90%;

}
}

@media screen and (max-width: 420px){

}

@media screen and (max-width: 380px){
.quick_menu{
	width:80%;
}
}