@charset "utf-8";


/* == 共用區 ============================================================================= */

*{
	margin:0; 
	padding:0;
	-webkit-box-sizing:border-box; /*safari & chrome*/
	-moz-box-sizing:border-box; /*firebox*/
	box-sizing:border-box; /*解除padding影響寬度關係*/
	}

html, body{
	-webkit-text-size-adjust: 100%; /*避免文字自動放大*/
	width:100%;
	height:100%;
	font-family:"微軟正黑體", Arial, Helvetica,sans-serif; 
	}

.texthidden{
	display:block; /*轉換為塊級元素*/
	height:0; 
	width:0; 
	overflow:hidden;
	}/*隱藏文字，切勿使用display:none;*/
	
.fc01{ color:#e4007f;}
.fc02{ color:#e4007f; font-size:3.6rem; }




/* == 桌機版 ============================================================================= */


/* == 刊頭 == */
.head{ width:100%; height:600px; background-image:url(../images/bn.jpg); background-repeat:no-repeat; background-position:center; }
.head h1{ text-indent:-9999px;} 
	
			   
/* == 資訊 == */
.info{ width:100%; padding:50px 0; text-align:center; background-color: #c3d388;}
.info .wrap{ margin:0 auto; max-width:1000px; overflow:hidden;}
.info h2{ font-size:3.4rem; line-height:1.2;}
.info h3{ font-size:2.4rem; line-height:1.6; font-weight:normal;}
.info h4{ font-size:1.5rem; line-height:1.6;}
.info .bt a{
	display:block; margin:10px auto; width:280px; height:60px; border-radius:10px; -webkit-border-radius:10px; background-color:#9178b9;
	font-size:2rem; line-height:60px; text-decoration:none; color:#FFF; transition:.3s;
	}
.info .bt a:hover{ background-color:#000;}
.info dl{ margin:60px auto 0; width:84%; overflow:hidden;}
.info dt{ float:left; width:25%;}
.info dt img{ width:180px;}
.info dd{ float:right; width:75%;}
.info ol{ padding: 0 0 0 40px; }
.info li { margin:10px 0; font-size:1.2rem; line-height:1.2; text-align:left;}

			   
/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:50px 0; width:100%; max-width:1000px; text-align:center; }
/*overflow:hidden;*/
.about h2{
	margin:20px 0 40px; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0080bf;
    font-size:3rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 60px; overflow:hidden;}
.about .box01 p{ float:left; width:56%; font-size:1.1rem; line-height:1.5; text-align:justify;}
.about .box01 img{ float:right; width:400px; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ clear:both;}
.about .box02 h3{ font-size:2.6rem; line-height:1.2;  color:#00947e; }
.about .box02 ul{ list-style:none; margin:30px; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 15px ;width:880px;}
.about .box02 li{ display:inline-block; margin:0 5px; width:284px;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ background-color:#6b6b6b; width:100%; text-align:center; }
.footer .wrap{ margin:0 auto; padding:40px 0; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}




/* == 手機版型區 ============================================================================= */
@media screen and ( max-width:767px ){
	
.fc02{ color:#e4007f; font-size:2.2rem; }
	
/* == 刊頭 == */

.head{ width:100%; height:0; padding-bottom:140%; background-image:url(../images/bn_m.jpg); background-repeat:no-repeat; background-size:cover; overflow:hidden;}
.head h1{ text-indent:-9999px; }
	   
			   
/* == 資訊 == */
.info{ width:100%; padding:30px 12px; text-align:center;}
.info .wrap{ margin:0 auto; max-width:1000px; overflow:hidden;}
.info h2{ font-size:2rem; line-height:1.2;}
.info h3{ font-size:1.4rem; line-height:1.6; font-weight:normal;}
.info dl{ margin:20px auto 0; width:100%; overflow:hidden;}
.info dt{ float:none; width:100%;}
.info dt img{ width:180px;}
.info dd{ float:none; width:100%;}
.info ol{ padding: 10px 0 0 25px; }
.info li { margin:8px 0; font-size:1rem; line-height:1.2; text-align:left;}


/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:0 12px; width:100%; max-width:1000px; text-align:center; overflow:hidden;}
.about h2{
	margin:0; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0080bf;
    font-size:1.5rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 30px; overflow:hidden;}
.about .box01 p{ float:none; margin:20px 0; width:100%; font-size:1rem; line-height:1.4; text-align:justify;}
.about .box01 img{ float:none; width:100%; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ padding: 20px 0 0; clear:both;}
.about .box02 h3{ font-size:1.7rem; }
.about .box02 ul{ list-style:none; margin:30px 0; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 10px ;width:100%;}
.about .box02 li{ display:inline-block; margin:0 0 10px; width:100%;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ padding:20px 12px; width:100%; max-width:1000px; height: auto; text-align:center; }
.footer .wrap{ margin:0 auto; padding:0; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}


}



/* == 平版版型區 ============================================================================= */
@media screen and ( min-width:768px ) and ( max-width:1024px ){
	
.fc04{ color:#e4007f; font-size:2.6rem; font-style:italic;}

/* == 刊頭 == */

.head{ width:100%; height:0; padding-bottom:58%; background-image:url(../images/bn.jpg); background-position:center; background-size:cover; }
.head h1{ text-indent:-9999px;}
  
		
/* == 資訊 == */
.info{ clear:both; width:100%; padding:40px 20px; text-align:center;}
.info .wrap{ margin:0 auto; max-width:100%; overflow:hidden;}
.info h2{ font-size:3.8rem; line-height:1.2;}
.info h3{ font-size:2.2rem; line-height:1.6; font-weight:normal;}
.info h4{ font-size:1.5rem; line-height:1.6;}
.info .bt a{
	display:block; margin:10px auto; width:280px; height:60px; border-radius:10px; -webkit-border-radius:10px; background-color:#000;
	font-size:2rem; line-height:60px; text-decoration:none; color:#FF0; transition:.3s;
	}
.info .bt a:hover{ background-color:#e4007f;}
.info dl{ margin:60px auto 0; width:100%; overflow:hidden;}
.info dt{ float:left; width:30%;}
.info dt img{ width:180px;}
.info dd{ float:right; width:70%;}
.info ol{ padding: 0 0 0 40px; }
.info li { margin:10px 0; font-size:1.05rem; line-height:1.2; text-align:left;}

			   
/* == 相關消息 == */
.about{ width:100%;}
.about .wrap{ margin:0 auto; padding:0 14px; width:100%; max-width:1000px; text-align:center;}
/*overflow:hidden;*/
.about h2{
	margin:0 0 40px; padding:10px 0; border-radius:5px; -webkit-border-radius:5px; background-color:#0ba29a;
    font-size:3rem; line-height:1.2; font-weight:normal; color:#FFF;
	}
.about .box01 { margin:0 0 60px; overflow:hidden;}
.about .box01 p{ float:left; width:49%; font-size:0.95rem; line-height:1.3; text-align:justify;}
.about .box01 img{ float:right; width:350px; border-radius:5px; -webkit-border-radius:5px;}
.about .box02{ clear:both;}
.about .box02 h3{ font-size:2.2rem; line-height:1.2; font-weight:normal; color:#0ba29a; }
.about .box02 h4{ font-size:1.5rem; line-height:1.4; }
.about .box02 ul{ list-style:none; margin:30px 0; text-align:center;}
.about .box02 li:first-child{ margin:0 auto 15px ;width:100%;}
.about .box02 li{ display:inline-block; margin:0 7px; width:31%;}
.about .box02 li img{ width:100%; border-radius:10px; }


/* == 版權 == */
.footer{ width:100%; max-width:1000px; }
.footer .wrap{ margin:0 auto; padding:30px 20px; width:100%; max-width:1000px; overflow:hidden;}
.footer p{font-size:1rem; line-height:1.6; color:#fff;}

}




/* 志光慈善會 堅持助學路 */
/*.about .wrap{overflow: unset}*/
.about .messageSlick{margin-bottom: 50px;}
.about .messageSlickCon>div{border: 1px solid #ffd3d3;border-radius:10px;box-sizing:border-box;margin: 20px;padding-bottom: 2%;height:330px;position: relative;line-height: 1.3;}
.about .messageSlickCon .content{padding:30px 20px;font-size:18px;text-align: left;line-height: 1.6;}
.about .messageSlickCon{text-align: right;}
.about .MessageToggle{margin:0 25px;}
.about .messageSlickCon .name{background:#ffd3d3;font-size: 20px;text-align: right;box-sizing: border-box;padding:10px 40px 10px 0;position: absolute;bottom:20px;width: 100%;}
/*.about .slick-prev:before, .about .slick-next:before{color:#333;z-index: 9999;transition: 0;}*/
.slick-prev, .slick-next{color: #000 !important;}

.about .slick-prev:before{content:'\f0a8';font-family:"Font Awesome 5 Free";font-weight: 900;color: #000;}
.about .slick-next:before{content:'\f0a9';font-family:"Font Awesome 5 Free";font-weight: 900;color: #000;}
/* ===== other ===== */
@media(max-width:1650px){
.about .messageSlickCon>div{height:19.5vw;}

}

@media(max-width:1465px){
.about .messageSlickCon .content{padding: 20px;}
.about .messageSlickCon>div{height:20vw;margin: 10px;}
.about .messageSlickCon .name{padding: 10px 30px 10px 0;bottom:10px;}
}

@media(max-width:1400px) and (min-width:1100px){
    .message .messageSlickCon .content {font-size: 1.23vw;}
    .message .messageSlickCon .name{font-size: 1.35vw;}
}

@media(max-width:1100px){
.about .messageSlickCon>div{margin:5px;height:29vw;}
.about .messageSlickCon .content{line-height: 1.5;font-size:1.5vw;}
.about .messageSlickCon .name{padding: 10px 20px 10px 0;}
}

/* ===== ipad ===== */
@media(max-width:768px){
.about .messageSlick {width: 90%;margin-left: auto;margin-right: auto;}
.about .messageSlickCon .content{padding-bottom:80px;}
.about .messageSlickCon .name{font-size: 16px;}
}

/* ===== phone ===== */
@media(max-width:600px){
.about .messageSlick {width:100%;}
.about .messageSlickCon>div{height: unset;}
.about .messageSlickCon .content{padding: 20px 10px 60px 10px;font-size:5vw;}

.about .slick-prev,.about .slick-next{display:none !important;}
}




/* 志光慈善會 堅持助學路 */