@media screen and (min-width: 901px) {
	.m{display: none;}
	.pc{display: block;}
	.modBox{
		margin:20px auto;
    }
	.modArea{
		width: 90%;
		padding: 30px 0 0 0;
	}
	.intro-all{
		width: 100%;
		max-width: 1400px;
	}
}
@media screen and (max-width: 900px) {
	.m{display: none;}
	.pc{display: block;}

	.modArea{
		width: 90%;
	}
    .introList li{
        width:19%;
        padding:5px;
    }
    /*pop視窗*/
    .popBox{
        max-width: 98%;
        height: 90%;
        margin:8% auto 0;
    }
}
@media screen and (max-width: 768px) {
	.m{display: block;}
	.pc{display: none !important;}
	.modBox{
		margin:20px 30px;
    }
	.modArea{
		width: 90%;
		padding: 30px 0;
		margin-bottom: 50px;
	}	
	.modArea h2{
		height: 50px;
	}
    .introList li{
        width:48%;
        padding:5px;
    }
	.introTxt{
		width: 50%;
		/*transform: skewX(-10deg);*/
		margin: 130px auto 140px 80px;
		padding:50px 30px;  
		font: normal 14px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	}
	.introTxt h3{
		font: bold 130%/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
		line-height: 30px;
		margin: 0 0 20px 0;
		/*transform: skewX(10deg);
		margin: 0 0 20px -20px;
		padding-left: 10px;*/
	}
	.introTxt p{
		font: normal 120%/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
		/*transform: skewX(10deg);*/
	}
}
@media screen and (max-width: 620px) {
	.modArea{
		width: 90%;
		padding: 20px 0;
		margin-bottom: 50px;
	}
	.intro-first img{
		display:inherit;
		width: 100%;
	}
	.intro-first p{
		width: 90%;
		margin: auto;
		display:inherit;
	}
}
@media screen and (max-width: 490px) {
	.m{display: block;}
	.pc{display: none;}
	.modBox{margin:20px 0px;}
	.modArea{
		width: 90%;
		padding: 20px 0;
		margin-bottom: 50px;
	}
	.introTxt{
		width: 80%;
		display: block;
		transform: skewX(0deg);
		margin: 130px auto 140px auto;
		padding:50px 30px;  
		font: normal 14px/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
	}
	.introTxt h3{
		font: bold 130%/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
		line-height: 30px;
		/*margin: 0 0 20px 0;
		padding-left: 10px;
		transform: skewX(0deg);*/
	}
	.introTxt p{
		font: normal 120%/1.4 Arial, "微軟正黑體", "Microsoft JhengHei", sans-serif;
		/*transform: skewX(0deg);
		margin-left: 10px;*/
	}
	.carrier li em.price span,
	.carrier li em.price var {
		font-size: 24px;
		font-weight: bold;
	}


}