/* ---reset.css--- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
li{
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* ---reset.css--- */

/*base css*/
*{
	box-sizing: border-box;
	padding:0;
	margin:0;
    overflow-x:hidden;
}
html{
	color:#333333;
    background-color: #126b98;
	font-size:16px;
	font-family:'Noto Sans TC', "Heiti TC", "Microsoft JhengHei", sans-serif;
}
body{
	width:100%;
    line-height: 1.6;
}
a:link, a:active, a:visited {
	text-decoration: none;  
}

/*icon*/
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 40
}

/*header*/
header.header{
    height:60px;
    width:100%;
    position:fixed;
    left:0;
    top:0;
    background-color: #126b98;
    z-index:999;
    font-size:0.9em;
    overflow-y: hidden;
}
header.header .nav_block{
	width:90%;
	margin:0px auto;
} 
header.header .nav_block::after{
	content:"";
	display:block;
	clear:both;
}

header.header .logo_block{
    float:left;
    margin:10px auto;
    text-align:left;
}
header.header .nav_block .logo_block a {
	display:inline-block;
	text-align:left;
	text-decoration:none;
	color:#FFF;
}

header.header img.logo_icon_dt {
    height:30px;
    width:auto;
    display:block;
    margin-top:2px;
}
header.header img.logo_icon_dt:hover{
    opacity:0.6;
}
header.header img.logo_icon_m{
	height:40px;
	width:auto;
	display:none;
}
header.header .menu_block{
    float:right;
}
header.header .menu_block::after{
	content:"";
	display:block;
	clear:both;
}
header.header .menu_block ul{
    text-align:right;
    list-style:none;
    float:left;
    padding:0;
}
header.header .menu_block ul li{
	float:left;
    margin:1px 0 0 30px;
}
header.header .menu_block .menu_list_item{
	position:relative;
}
header.header .menu_block .menu_list_item:hover{
    opacity: 0.6;
}
header.header .menu_block ul li a{
	line-height:60px;
	font-size:1em;
	text-align:left;
	text-decoration:none;
	color:#FFF;
}
header.header .menu_block .menu_list_m{
	display:none;
	text-align:right;
	float:left;
	margin-left:20px;
}
.header .menu_list_m img.menu_icon{
	float:right;
	display:block;
	height:22px;
	width:auto;
	margin:22px 0 0 15px;
	cursor:pointer;
}
/*slide menu*/
.slide_menu_block{
	position:fixed;
	width:100%;
	height:calc(100% - 60px);
	left:0;
	top:60px;
	z-index:990;
	display:none;
}
.slide_menu_block .slide_menu_area{
	position:absolute;
	width:100%;
	min-height:45%;
	max-height:85%;
	left:0;
	top:0;
	background-color:rgba(55, 98, 126, 0.95);
	list-style:none;
	padding:100px 0;
	overflow-y:auto;
}
.slide_menu_block .slide_menu_area .menu_item{
	width:50%;
	margin:0 auto;
	text-align:left;
}
.slide_menu_block .slide_menu_area .menu_item a{
	color:#FFF;
	line-height:2;
	font-size:1.125rem;
	text-decoration:none;
	cursor:pointer;
}
/*header end*/


/*content_main start*/
		.content_main{
			width: 100%;
			background-color: #FFFFFF;			
		}
	/*banner*/
		.content_main .banner_block{
			width: 100%;
			height: 100vh;
			background-color: #CCC;
			background-image: url("/s_www/images/ymc/2026ymc/banner.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position:relative;
		}
		
        .content_main .banner_block .banner_content{
            width:100%;
            display:block;
            top:40%;
            left:5%;
            position:absolute;
        }

		.content_main .banner_block .banner_logo{
			height: 90px;
			width: auto;
            margin-bottom:20px;
			/*position: absolute;
			left: 5%;
			top: 40%;*/
			opacity: 0.4;
			transition: 1s;
		}
 
		.content_main .banner_block .banner_logo:hover{
			opacity: 1.0;
		}

		.content_main .banner_block .banner_text{
			width: 50%;
			/*height: 40%;
			position: absolute;
			left: 5%;
			bottom: 20%;*/
			text-align: left;
			padding: 5px 10px;
			color: #FFFFFF;
			font-size: 1.2rem;
			font-weight: 600;
			letter-spacing: 3px;
			line-height: 1.5;
			white-space:pre-wrap;
			word-wrap: break-word;
		}
	/*mission_title*/
		/*標題文字*/
		.content_main .intro_mission .mission_title, .content_main .history .history_title, .content_main .past .past_title, .content_main .resource .resource_title {
			display: inline-block;
			width:100%;
			padding: 40px 80px;
			left: 5%;
			font-size: 30px;
			font-weight: 500;
			letter-spacing: 3px;
			color: #126b98;
		}
		/*標題logo*/
		.content_main .intro_mission .mission_title .material-symbols-outlined,  .content_main .history .history_title .material-symbols-outlined, .content_main .past .past_title .material-symbols-outlined, .content_main .resource .resource_title .material-symbols-outlined  {
			padding: 0 10px 0.5% 10px;
			font-size: 1em;
            overflow-y:hidden;
            vertical-align:middle;
		}
		/*intro_mission*/
		.content_main .intro_mission{
			display: inline-block;
			width: 100%;
			position: relative;
		}
		.content_main .intro_mission .content{
			float: left;
			width: 50%;
			padding: 120px 120px;
			margin: 0;
		}
		.content_main .intro_mission .title{
			padding: 15px 0 15px 0;
			font-size: 25px;
			font-weight: 800;
			letter-spacing: 2px;
			color: #126b98;
		}
		.content_main .intro_mission .text{
			padding:0 5px;
			letter-spacing: 2px;
            text-align:justify;
		}
		.content_main .intro_mission .cellphone_title{
			display:none;
		}
		
                 
                /* (2025/12/04, marked) */
                /*
                .content_main .intro_mission .mission_1 , .content_main .intro_mission .mission_2, .content_main .intro_mission .mission_3, .content_main .intro_mission .mission_4, .content_main .intro_mission .mission_5{
			clear: both;
		}
                */
                /* (2025/12/04, added) */ 
                .content_main .intro_mission .mission {
                        width: 100%;
                }
                .content_main .intro_mission .mission::after {
                        content: "";
	                display: block;
	                clear: both;
                }

		/*宣道是什麼 圖片*/
		.content_main .intro_mission .mission_1 .pic{
			width: 50%;
			height: 450px;
			float: left;
			background-image: url("/s_www/images/ymc/2026ymc/mission_intro_1.jpg");
			background-repeat: no-repeat;
			background-position: bottom center;
			background-size: cover;
			position: relative;
			overflow: hidden;
		}
		.content_main .intro_mission .mission_2 .pic{
			width: 50%;
			height: 450px;
			float: right;
			background-image: url("/s_www/images/ymc/2026ymc/mission_intro_2.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position: relative;
			overflow: hidden;
		}
		.content_main .intro_mission .mission_3 .pic{
			width: 50%;
			height: 450px;
			float: left;
			background-image: url("/s_www/images/ymc/2026ymc/mission_intro_3.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position: relative;
			overflow: hidden;
		}
		.content_main .intro_mission .mission_4 .pic{
			width: 50%;
			height: 450px;
			float: right;
			background-image: url("/s_www/images/ymc/2026ymc/mission_intro_4.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position: relative;
			overflow: hidden;
		}	
		.content_main .intro_mission .mission_5 .pic{
			width: 50%;
			height: 450px;
			float: left;
			background-image: url("/s_www/images/ymc/2026ymc/mission_intro_5.jpg");
			background-repeat: no-repeat;
			background-position: top center;
			background-size: cover;
			position: relative;
			overflow: hidden;
		}
	/*intro_ymc*/
		/*青宣是什麼 標題*/
		.content_main .intro_ymc .ymc_title{
			display: inline-block;
			width:100%;
			padding: 40px 80px;
			left: 5%;
			font-size: 30px;
			font-weight: 500;
			letter-spacing: 3px;
			color: #FFFFFF;
		}
		/*icon*/
		.content_main .intro_ymc .ymc_title .material-symbols-outlined{
			padding: 0 10px 0.5% 10px;
			font-size: 1em;
            overflow-y:hidden;
            vertical-align: middle;
		}
		/*背景圖片*/
		.content_main .intro_ymc {
			width: 100%;
			height: 100vh;
			background-color: #CCC;
			background-image: url("/s_www/images/ymc/2026ymc/ymc_intro.jpg");
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			position:relative;
		}
		/*文字*/
		.content_main .intro_ymc .text {
			width: 50%;
			position: absolute;
			left: 5%;
			bottom: 20%;
			text-align: left;
			padding: 5px 10px;
			color: #FFFFFF;
			font-size: 1.2rem;
			font-weight: 600;
			letter-spacing: 3px;
			line-height: 1.5;
			white-space:pre-wrap;
			word-wrap: break-word;
		}
	/*history*/
		.content_main .history .main_block{
			width: 70%;
			margin: 30px auto;
			font-size: 25px;
			font-weight: 800;
			letter-spacing: 2px;
			color: #126b98;
		}
		.content_main .history .main_block .year_cell{
			width: 20%;
			float: left;
			text-align: right;
			padding: 0 15px 0 0 ;
		}
		.content_main .history .main_block .text_cell{
			width: 80%;
			float:left;
			border-left: 2px solid #126b98;
			padding: 0 0 0 15px;
		}
        .content_main .history .main_block .text_cell .year{
            overflow:hidden;
        }
		.content_main .history .main_block .text_cell .text{
			font-size: initial;
			letter-spacing: 2px;
			font-weight: initial;
			color: black;
			padding: 15px 0;
            text-align: justify;
		}
        .content_main .history .main_block .en{
            text-align:left;
        }
		.content_main .history .main_block::after{
			content:"";
			display: block;
			clear:both;
		}
	/*past*/
		.past .past_block {
		        display:flex;
		        flex-wrap: wrap;
		        padding: 3px;
		        width: 80%;
		        margin: auto;
		        /*justify-content: center;*/
                        /* (2025/12/04, modified) */ 
                        justify-content: flex-start;
		}					
		.past .past_block .each_ymc{
			display: inline-block;
			width: 30%;
			margin: 1% 1%;
			background-color: rgb(133, 145,146,0.1);
		}
		.past .past_block .each_ymc .img_block{
			position: relative;
			width:100%;
		}
		.past .past_block .each_ymc .img_block .img {
    	display: block;
    	width: 100%;
   		height: auto;
		}
		.past .past_block .each_ymc .intro_block{
			display: block;
			padding: 4% 5%;
		}
		.past .past_block .each_ymc .intro_block .title_block {
			display: flex;
			width: 100%;
			justify-content: space-between;
			margin-bottom: 2%;
			align-items: flex-end;
			align-content: flex-end;
		}
		.past .past_block .each_ymc .intro_block .title_block .session{
			line-height: 1.6rem;
			color: rgb(133, 145, 146);
			font-size: 0.8rem;
			font-weight: 700;
		}
		.past .past_block .each_ymc .intro_block .title_block .session_name {
			font-size: 0.95rem;
			color: #126b98;
			line-height: 1.6rem;
			font-weight: 700;
		}
		.past .past_block .each_ymc .intro_block .staff {
			font-size: 0.8rem;
			color: rgb(133, 145, 146);
			text-align: right;
			line-height: 1.6rem;
			vertical-align: bottom;
		}
		.each_ymc .intro_block .other_intro {
			display: flex;
			width: 100%;
			align-items: center;
			font-size: 0.8rem;
			line-height: 1rem;
			color: rgb(133, 145, 146);
			border-top: 1.2px solid #126b98;
			padding-top: 2%;
		}
		.each_ymc .intro_block .other_intro .material-symbols-outlined {
	    	font-size: 0.8rem;
	    	line-height: 0.8rem;
	    	margin-left: 5px;
            overflow-y:hidden;
            vertical-align: bottom;
		}	
		.each_ymc .intro_block .other_intro .previous_date,
		.each_ymc .intro_block .other_intro .previous_venue,
		.each_ymc .intro_block .other_intro .previous_participant {
			/* width: 110px; */
			display: inline-block;
			overflow: hidden;
		}

		.website_btn{
		border: 2px solid #126b98;
		border-radius: 15px;
		/* padding: 8px 20px; */
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100px;
		height: 30px;
		text-align: center;
		font-weight: 500;
		font-size:0.9rem;
		color: #126b98;
		cursor: pointer;
		margin: 0 auto 10px auto;
		transition: color 1s, background-color 1s;
		}

		.website_btn:hover {
		background-color: #126b98;
		color: #FFFFFF;
		}

	/*resource*/
                /* (2025/12/04, class container 改為 resource_cell) */ 
		.content_main .resource .resource_cell {
			width:85%;
			margin: 0 8% 0 8%;
            padding: 2% 2% 10% 2%;
                        /* (2025/12/04, marked) */
			/*position:relative;*/
		}
		.content_main .resource .resource_cell .sec_1,
		.content_main .resource .resource_cell .sec_2,
		.content_main .resource .resource_cell .sec_3{
            position:relative; 
			float:left;
                    /* (2025/12/04, added) */
            width: calc(33.33% - 30px);
			height: 500px;
			margin: 0 15px;
			background-color: #126b98;
			cursor: pointer;
			background-repeat: no-repeat;
			background-position: center center;
			background-size: cover;
			overflow: hidden;
            transition:0.2s;
		}

		.content_main .resource .resource_cell .sec_1{
			background-image: url("/s_www/images/ymc/2026ymc/resource_1.jpg");

		}
		.content_main .resource .resource_cell .sec_2{
			background-image: url("/s_www/images/ymc/2026ymc/resource_2.jpg");
		}
		.content_main .resource .resource_cell .sec_3{
			background-image: url("/s_www/images/ymc/2026ymc/resource_3.jpg");
		}


		.content_main .resource .resource_cell .sec_1:hover,
		.content_main .resource .resource_cell .sec_2:hover,
		.content_main .resource .resource_cell .sec_3:hover{
			box-shadow: 0 0 20px 2px black;
		}
		.content_main .resource .resource_cell .text{
			width: 85%;
			margin: 0 15px;
			text-align:left;
			font-size: 35px;
			font-weight: 600;
			color: #FFFFFF;
			bottom: 15%;
			position:absolute;
			padding: 0 30px;
			letter-spacing: 2px;
			word-wrap: break-word;
			text-shadow: 0 10px 30px black;
		}
		.content_main .resource .resource_cell::after{
			content:"";
			display:block;
			clear:both;
		}
       /*footer*/
        .footer{
            clear:both;
            width:100%;
            margin:0 auto;
            background-color:#126b98;
        }
        .footer_block{
            display:block;
            width:85%;
            margin:0 auto;
            padding:5% 0;
            color:#FFF;
            transition:0.5s;
        }
        /*footer左側logo區*/
        .footer .footer_block .logo{
            display:inline-block;
            width:18%;
            opacity:0.4;
            vertical-align:top;
        }
        .footer .footer_block .logo img{
            width:80%;
        }
        .footer .footer_block .logo a:hover{
            opacity:0.6;
        }
        /*footer右側內容區*/
        .footer .footer_block .content{
            display:inline-block;
            width:73%;
            margin-left:8%;
            vertical-align:top;
            transition:0.3s;
        }
        .footer .footer_block .content a {
            color:#FFF;
        }
        .footer .footer_block .content a:hover{
            opacity:0.6;
        }        
        /*內容區文字格式*/
        .footer .footer_block .content .footer_ul_title{
            font-size:1em;
            opacity:0.6;
            margin-bottom:20px;
            letter-spacing:0.05rem;
        }
        .footer .footer_block .content .footer_li{
            font-size:0.8em;
            margin-bottom:10px;
            letter-spacing:0.01rem;
        }
        .footer .footer_block .content .footer_li a:link{
            color:#FFF;
        }

        /*內容區 - 推薦連結*/
        .footer .footer_block .content .link{
            display:inline-block;
            width:20%;
            vertical-align:top;
        }
        /*內容區 - 聯絡我們*/
        .footer .footer_block .content .contact{
            display:inline-block;
            width:35%;
            vertical-align:top;
        }
        .footer .footer_block .content .contact .contact_logolink{
            display:inline;
            width:60%;
            margin-top:20px;
        }
        .footer .footer_block .content .contact .contact_logolink .footer_connect_logolink_img{
            display:inline-block;
            width:23%;
        }
        .footer .footer_block .content .contact .contact_logolink .footer_connect_logolink_img img{
            display:inline-block;
            width: 65%;
        }
        .footer_connect_logolink_img a:hover{
            opacity: 0.6;
        }
        /*內容區 - 訂閱代禱信*/
        .footer .footer_block .content .subscribe{
            display:inline-block;
            width:39%;
            margin-left:3%;
            vertical-align:top;
        }
        .footer_subscribe_block{
            display:inline-block;
            margin-bottom:5%;
        }
        .footer_subscribe_block input{
            height:30px;
            padding:0 10px;
            border-radius:15px;
            font-size:1em;
            margin: 0 0 15px 0;
            border:1px solid #a9a9a9;
            color:#a9a9a9;
        }
        .footer_subscribe_block button{
            height:30px;
            padding:0 10px;
            border-radius:15px;
            font-size:1em;
            background-color:#FFFFFF;
            border:1px solid #a9a9a9;
            color: #a9a9a9;
            transition: 0.4s;
        }
        .footer_subscribe_block button:hover{
            background-color:#a9a9a9;
            color:#FFFFFF;
            cursor:pointer;
        }
        /*版權聲明*/
        .footer .footer_block .copyright{
            display:block;
            width:100%;
            margin-top:50px;
            opacity:0.3;
            font-size:0.6rem;
            color:#FFFFFF;
            text-align:center;
        }


        /*歷屆青宣換行*/
        /*past*/
		@media screen and (min-width:768px) and (max-width: 1240px){
        .past .past_block {
		width: 100%;
        /* (2025/12/04, added) */
        justify-content: center; 
		}
	.past .past_block .each_ymc{
			width: 40%;
		}
        }


/*content_main end*/
/* --平板版型 css ------------------------------------- */
/*@media screen and (min-width:768px) and (max-width: 1023.99px) {*/
@media screen and (min-width:768px) and (max-width: 991.99px) {
	/*header*/
		header.header img.logo_icon_dt{
			display:none;
		}
		header.header img.logo_icon_m{
			display:block;
		}
		header.header .menu_block .menu_list_dt{
			display:none;
		}
		header.header .menu_block .menu_list_m{
			display:block;
		}
	/*header end*/

		.content_main .intro_mission .content{
			float: left;
			width: 50%;
			padding: 100px 50px;
			margin: 0;
		}
        .content_main .intro_ymc{
            background-position:left;
        }
		/*past*/
		.past .past_block {
		        width: 100%;
                        /* (2025/12/04, added) */
                        justify-content: center; 
		}					
		.past .past_block .each_ymc{
			width: 40%;
		}

                /* (2025/12/04, class container 改為 resource_cell) */
		.content_main .resource .resource_cell{
			width:90%;
			margin: 0 10% 10% 10%;
			/*align:center;*/
                        /* (2025/12/04, marked) */
			/*position:relative;*/
		}
		.content_main .resource .resource_cell .sec_1,
		.content_main .resource .resource_cell .sec_2,
		.content_main .resource .resource_cell .sec_3{
			float: none;
			width: 90%;
			height: 300px;
			margin: 15px 0;
			background-color: #126b98;
			position:relative;
		}
		.content_main .resource .resource_cell .text{
			width: 100%;
			margin: 0 15px;
			text-align:left;
			font-size: 35px;
			font-weight: 600;
			color: #FFFFFF;
			bottom: 15%;
			position:absolute;
			padding: 0 30px;
			letter-spacing: 2px;
			word-wrap: break-word;
			text-shadow: 0 10px 30px black;
		}
		.footer .footer_block .logo img{
			width:100%;
		}
        .footer .footer_block .content .footer_ul_title{
            font-size:1.2em;
        }
        .footer .footer_block .content .footer_li{
            font-size:1em;
        }
                /*內容區 - 推薦連結*/
        .footer .footer_block .content .link{
            width:40%;
        }
        /*內容區 - 聯絡我們*/
        .footer .footer_block .content .contact{
            width:50%;         
        }
        .footer .footer_block .content .subscribe{
            display: block;
            width: 100%;
            margin-top: 5%;
            margin-left:0;           
        }
        .footer .footer_block .content .contact .footer_connect_logolink_img img{
            width: 80%;
        }


}

/* --手機版型 css------------------------------------- */
@media screen and (max-width: 767px) {
	/*header*/
		header.header img.logo_icon_dt{
			display:none;
		}
		header.header img.logo_icon_m{
			display:block;
		}
		header.header .menu_block .menu_list_dt{
			display:none;
		}
		header.header .menu_block .menu_list_m{
			display:block;
		}
	/*header end*/
        *{
            overflow-x:hidden;
        }
        .content_main .banner_block .banner_content{
            top:46%;
        }
		.content_main .banner_block .banner_logo{
			height: 60px;
			opacity: 1;
		}

		.content_main .banner_block .banner_text{
			width: 86%;
			text-align: left;
			padding: 5px 5px;
			color: #FFFFFF;
			font-size: 1em;
			font-weight: 600;
			letter-spacing: 2px;
			line-height: 1.5;
			white-space:pre-wrap;
			word-wrap: break-word;
		}
		.content_main .intro_mission .mission_title, .content_main .history .history_title, .content_main .past .past_title , .content_main .resource .resource_title {
			display: inline-block;
			width:100%;
			padding: 20px 10px;
			left: 5%;
			font-size: 1.5em;
			font-weight: 500;
			letter-spacing: 1px;
			color: #126b98;
		}
		.content_main .intro_mission .mission_title .material-symbols-outlined, .content_main .intro_ymc .ymc_title .material-symbols-outlined, .content_main .history .history_title .material-symbols-outlined, .content_main .past .past_title .material-symbols-outlined, .content_main .resource .resource_title .material-symbols-outlined {
			padding: 0 10px 0.6% 10px;
		}
		.content_main .intro_ymc .ymc_title{
			display: inline-block;
			width:100%;
			padding: 20px 10px;
			left: 5%;
			font-size: 1.5em;
			font-weight: 500;
			letter-spacing: 1px;
			color: #FFFFFF;
		}
		.content_main .intro_mission .content{
			padding:0;
			width: 100%;
			margin: 0;
		}
		.content_main .intro_mission .mission_1 .pic,
		.content_main .intro_mission .mission_2 .pic,
		.content_main .intro_mission .mission_3 .pic,
		.content_main .intro_mission .mission_4 .pic,
		.content_main .intro_mission .mission_5 .pic{
			width: 100%;
			height:200px;
			/*z-index: -999;*/
			position:relative;
		}
		.content_main .intro_mission .title{
			display:none;
			/*position:relative;
			padding: 10px 2% 15px 5%;
			font-size: 25px;
			font-weight: 800;
			letter-spacing: 2px;
			color: #126b98;*/
		}
		.content_main .intro_mission .cellphone_title{
			display:inline-block;
			position: absolute;
			color:#FFFFFF;
			padding: 10px 2% 15px 5%;
			bottom:5%;
			right:5%;
			font-size: 1.5em;
			font-weight: 800;
			letter-spacing: 2px;
			text-shadow: -10px 0px 20px black;
		}
		.content_main .intro_mission .text{
			padding:0;
			font-size:0.9em;
			padding-bottom: 4%;
			border-bottom: 1px solid #126b98;
			margin: 5% 5% 4% 5%;
		}
		/* (2025/12/04, marked) */
                /*
                .content_main .intro_mission .mission_1,
		.content_main .intro_mission .mission_2,
		.content_main .intro_mission .mission_3,
		.content_main .intro_mission .mission_4,
		.content_main .intro_mission .mission_5{
			clear: both;
		}
                */
		.content_main .intro_ymc .text{
			width: 95%;
			position: absolute;
			bottom: 10%;
			text-align: left;
			padding: 5px 15px 5px 5px;
			color: #FFFFFF;
			font-size: 1em;
			font-weight: 600;
			letter-spacing: 3px;
			line-height: 1.5;
			white-space:pre-wrap;
			word-wrap: break-word;
		}

		.content_main .intro_ymc{
			background-position: center left;
			background-position-x: 20%;
		}
		.content_main .history .main_block{
			width: 100%;
			margin: 0 0 30px 0 ;
			font-size: 1.2em;
			font-weight: 1000;
			letter-spacing: 2px;
			color: #126b98;
		}
		.content_main .history .main_block .year_cell{
			width: 25%;
			float: left;
			text-align: right;
			padding: 0 15px 0 15px ;
			display:inline-block;
		}
		.content_main .history .main_block .text_cell{
			width: 75%;
			float:left;
			border-left: 2px solid #126b98;
			padding: 0 30px 0 15px;
			line-height: 1.3;
			word-wrap: break-word;
			text-align: justify;
			display:inline-block;
		}
		.content_main .history .main_block .text_cell .text{
			font-size: 15px;
			font-weight: initial;
			color: black;
			padding: 15px 0;
		}
		.content_main .history .main_block .en{
			text-align: left;
		}
/*past*/
		.past .past_block {
			width: 90%;
                        /* (2025/12/04, added) */
                        justify-content: center;  
		}					
		.past .past_block .each_ymc{
			width: 90%;
		}

		.past .past_block .each_ymc .img_block .img {
			display: block;
			width: 100%;
   			height: 40%;
			overflow: hidden;
		}
		.past .past_block .each_ymc .intro_block{
			display: block;
			padding: 4% 2%;
		}
		.past .past_block .each_ymc .intro_block .title_block {
			padding: 2%
		}  

                /* (2025/12/04, class container 改為 resource_cell) */
		.content_main .resource .resource_cell {
			width:90%;
			margin: 0 10% 10% 10%;
			align:center;
                        /* (2025/12/04, marked) */
			/*position:relative;*/
		}
		.content_main .resource .resource_cell .sec_1,
		.content_main .resource .resource_cell .sec_2,
		.content_main .resource .resource_cell .sec_3{
			float:none;
			width: 90%;
			height: 200px;
			margin: 15px 0;
			background-color: #126b98;
			position:relative;
		}
		.content_main .resource .resource_cell .text{
			width: 100%;
			margin: 0 15px;
			text-align:left;
			font-size: 1.8em;
			font-weight: 800;
			color: #FFFFFF;
			bottom: 15%;
			position:absolute;
			padding: 0 20px;
			letter-spacing: 2px;
			word-wrap: break-word;
			text-shadow: 0 10px 15px black;
		}
        .footer{
            width:100%;
            margin:0 auto;
        }
        .footer .footer_block .logo{
            display:block;
            width:80%;
            margin: 20px 5% 40px 5%;
        }
        .footer .footer_block .logo img{
            width:60%;
        }
        .footer .footer_block .content{
            display:block;
            width: 90%;
            margin:0 auto;
        }
        .footer .footer_block .content .footer_ul_title{
            font-size:1em;
        }
        .footer .footer_block .content .footer_li{
            font-size:0.8em;
        }
        /*內容區 - 推薦連結*/
        .footer .footer_block .content .link{
            width:40%;
        }
        /*內容區 - 聯絡我們*/
        .footer .footer_block .content .contact{
            width:55%;         
        }
        .footer .footer_block .content .subscribe{
            display: block;
            width: 100%;
            margin-top: 5%;
            margin-left:0;           
            font-size:0.9em;
        }
        .footer .footer_block .content .contact .contact_logolink{
            margin-top:10px;
        }
        .footer .footer_block .content .contact .contact_logolink .footer_connect_logolink_img{
            width: 30%;
            margin-right: 0px;
        }
        .footer .footer_block .content .contact .contact_logolink .footer_connect_logolink_img img{
            width: 90%;
        }
}

/* – 更小的手機版型 css------------------------------------- */
@media screen and (max-width: 400px) {

}


		.material-symbols-outlined {
			font-variation-settings:
			'FILL' 0,
			'wght' 400,
			'GRAD' 0,
			'opsz' 40,
		}