@media only screen and (min-width: 320px) and (max-width: 767px)  {
	/*輪播大圖*/
	.kvArea{
	top: 0px;
	position: relative;
    }
    .mainCont{
		margin: 14px auto 0;/*內容框架*/
	}
	.kvArea .topicLogo article strong{
	max-width: 85%;
	}
	.kvArea .topicLogo  {
    top: 24px;}
}

/*標語*/
@media only screen and (min-width: 320px) and (max-width: 767px) {
	.slogan{font-size: 1.4em;padding: 16px 6px 25px; line-height: 24px;}
	.fesSlogn{
    	width: 100%;
    	height: 55px;
        background:#f9f5bf;
        text-shadow: 2px 2px 4px #b3aa38;
        margin:0 auto;
        padding:10px 5px 0;
    }
}

/*行動版-模組右側背景*/
@media screen and (max-width: 900px){
	.recoBox-l{ width: 100%; }
	.recoBox-mp1 ,.recoBox-mp2 ,.recoBox-mp3 ,.recoBox-mp4 ,.recoBox-mp5 ,.recoBox-mp6 ,.recoBox-mp7 ,.recoBox-mp8 ,.recoBox-mp9{
		display: none;
        }
}

@media screen and (max-width: 620px){
	.recoBox-mp1 ,.recoBox-mp2 ,.recoBox-mp3 ,.recoBox-mp4 ,.recoBox-mp5 ,.recoBox-mp6 ,.recoBox-mp7 ,.recoBox-mp8 ,.recoBox-mp9{
		display: none;
	}
}

@media screen and (max-width: 490px){
	.recoBox-mp1 ,.recoBox-mp2 ,.recoBox-mp3 ,.recoBox-mp4 ,.recoBox-mp5 ,.recoBox-mp6 ,.recoBox-mp7 ,.recoBox-mp8 ,.recoBox-mp9{
		display: none;
	}
	.recoTittle-1{background-size: 100% auto;}
}

/*模組內容*/
@media screen and (min-width: 320px) and (max-width: 767px){
	.carrier ul {
	    width: 100%;
	}
	.moreLink{ 
		width: 100%;
		margin:8px 0 20px;
	 }
	.moreLink ul {
     letter-spacing: 2px; 
    }
	.moreS {
    font-size: 1.4em;
    }
    .carrier h4{
    font-size: 1.5em;
    background-size: 75% auto;
    }
}

/*文字框架內容*/
@media screen and (max-width: 1280px){
	.artiBoxCon{
    width: 100%;
    float: none;
    display: inline-block;
    }
}

@media screen and (max-width: 900px) {
	.artiBoxCon{
    	width: 100%;
    	float: none;
    	display: inline-block;
    }
}

@media screen and (max-width: 768px) {
	img{width:100%; height: auto;}

	.artiBox{ width: 96%; padding: 15px 0 10px; min-height: 385px;}

	.artiBoxCon{ width: 100%; float: none;  margin-bottom: 0px;}

	.artiBoxCon-fu{float: none;}

	.arti-title1{background: none;padding:0;}

	.artiRow ,.artiCol{ width:100%; float: none;}

    .artiRow-2, .artiCol-2, .artiRow-fu2{padding: 6px 0 20px 3px}
}