/*******-----------------1200px------------------*******/
@media screen and (min-width: 1200px){
	.container {
	    max-width: 1170px;
	    /*覆蓋/st_ec/css/rwd.css  
	    @media (min-width: 768px){}
	    	.container {
	    		 max-width: 970px;
	    	}
	    }*/
	}
	.section-padding {
		padding-top: 4%;/*100px*/
		padding-bottom: 4.5%;/*110px*/
	}
	.FairyMountain-minHeight p{
		min-height: 210px;
	}
}

@media screen and (max-width: 1200px){
	.section-padding {
	  padding-top: 40px;
	  padding-bottom: 50px;
	}
}

/*******-----------------992px------------------*******/
@media screen and (min-width: 992px) and (max-width: 1200px) {
	.FairyMountain-minHeight p{
		min-height: 240px;
	}
}

@media screen and (max-width: 992px){
	.margin-bottom-20-mobile{
	    margin-bottom:20px; 
	}
	.margin-bottom-40-mobile{
	    margin-bottom:40px; 
	}
	p.intro-txt{
		font-size: 1.1em;
	}
	.green-bg,.show-bg{
		background-image:none;
	}
	.title{
		font-size: 1.8em;
		margin-bottom: 30px;
	}
	.title:before, .title:after{
	    width: 40px;
	    height: 23px;
	    background-size: 40px 23px;
	}
	.wrapper h3{
		font-size: 1.65em;
	}
	.wrapper p{
		font-size: 1.1em;
	}
	.carrier li{
		border: 1px dashed #23a78d;
		box-shadow: 4px 3px 0px #116751;
		background: #2c7667;
	}
	.carrier li:hover {
	    background: #176e59;
	}
	.carrier li em.price {
		margin-top: 20px;
	}
} 


/*******-----------------768px------------------*******/
@media screen and (max-width: 768px){

}

/*******-----------------640px------------------*******/
@media screen and (max-width: 640px){	

}

/*******-----------------480px------------------*******/
@media screen and (max-width: 480px){

}

/*******-----------------320px------------------*******/
@media screen and (max-width:320px) {

}