/*////////////////////////////////////////////////////////////////////////////////////////////////////

////////////////////////////////////////////////////////////////////////////////////////////////////*/
	body{
		background-color:#F2F2F2;
	}
	.CssPositionBody{
		background-color:#FFF7F0;
		background-image:url(include_images/Background/0.background.png);
	}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
最新消息(標題)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.CssSectionNews{
		background-color:#FFFFFF;
		overflow:hidden;
	}
		.CssSectionNewsCaptionContainer{
			height:100px;
			position:relative;
		}
			.CssSectionNewsCaptionPosition{
				height:40px;
				position: absolute;
				bottom: 0px;
				left: 50%;
				transform: translateX(-50%);
			}
			.CssSectionNewsCaptionImg{
				float:left;
				width:36px;
				height:40px;
			}
			.CssSectionNewsCaptionImg img{
				width:36px;
				height:40px;
			}
			.CssSectionNewsCaptionText{
				float:left;
				font-family: Noto Sans TC;
				font-style: normal;
				font-weight: bold;
				font-size: 24px;
				line-height: 40px;
				letter-spacing: 0.25em;
				color: #3A1800;
				margin-left:10px;
			}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
RWD 設定：最新消息(標題)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1280px){

}
@media (max-width: 768px){

}
@media (max-width: 480px){

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
最新消息(資料)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
		/*最新消息資料根容器*/
		#DivNewsRootContainer{
			/*height:387px;*/
			padding:0px 75px;
			text-align:center;
			margin-top:60px;
			overflow:hidden;
			background-color:FFCCFF;
		}
			.CssNewsArrowBox{
				float:left;
				width:60px;
				height:100%;
				position:relative;
			}
				.CssNewsArrowIcon{
					width:50px;
					height:50px;
					position:absolute;
					top:50%;
					left:5px;
					transform:translateY(-50%);
					background-repeat:no-repeat;
					background-position:center center;
					background-size:50px 50px; 
					cursor:pointer;
				}
					.CssNewsLeftArrowIconNormal{
						background-image:url(include_images/Home_News/Home_News_Arrow_Left_Normal.png);
					}
					.CssNewsLeftArrowIconNormal:hover{
						background-image:url(include_images/Home_News/Home_News_Arrow_Left_Hover.png);
					}
					.CssNewsLeftArrowIconDisabled{
						background-image:url(include_images/Home_News/Home_News_Arrow_Left_Disabled.png);
						cursor:not-allowed;
					}
					.CssNewsRightArrowIconNormal{
						background-image:url(include_images/Home_News/Home_News_Arrow_Right_Normal.png);
					}
					.CssNewsRightArrowIconNormal:hover{
						background-image:url(include_images/Home_News/Home_News_Arrow_Right_Hover.png);
					}
					.CssNewsRightArrowIconDisabled{
						background-image:url(include_images/Home_News/Home_News_Arrow_Right_Disabled.png);
						cursor:not-allowed;
					}
			/*最新消息往左按鈕容器*/
			#DivNewsLeftArrowBox{
				
			}
				#DivNewsLeftArrowIcon{
					
				}
			/*最新消息往右按鈕容器*/
			#DivNewsRightArrowBox{
				
			}
				#DivNewsRightArrowIcon{

				}


			/*最新消息資料滑動區塊容器*/
			#DivNewsArticleSlideContainer{
				float:left;
				width:calc(100% - 60px - 60px);
				height:100%;
				background-color:#FFFFFF;
			}
				/*最新消息資料滑動區塊容器遮罩*/
				#DivNewsArticleSlideMask{
					height:100%;
					position:relative;
					overflow:hidden;
					-webkit-overflow-scrolling:touch;
				}
					/*最新消息資料滑動物件*/
					#DivNewsArticleSlideTable{
						/*width:1560px;*/
						/*width:auto;*/
						/*min-height:380px;*/
						position:absolute;
						top:0px;
						left:0px;
						border:none;
						border-collapse:collapse;
						border-spacing:0px;
					}
						#DivNewsArticleSlideTR{
							
						}
							.CssNewsArticleSlideTD{
								padding:0px 30px;
								overflow:hidden;
							}
						.CssNewsArticleBox{
							border-radius:12px;
							overflow:hidden;
						}
							.CssNewsArticleImg{
								width: 100%;
								height: 0;
								padding-bottom: 65%; /*高度為寬度的百分比*/
								background-repeat:no-repeat;
								background-size:100% auto;
								background-position:center top;
								cursor:pointer;
							}
							.CssNewsArticleImg:hover{
								background-size:125% auto;
								transition:background-size 1s;
								-webkit-transition:background-size 1s;
								-moz-transition:background-size 1s;
								-o-transition:background-size 1s;
							}
							.CssNewsArticleImg:not(:hover){
								background-size:100% auto;
								transition:background-size 1s;
								-webkit-transition:background-size 1s;
								-moz-transition:background-size 1s;
								-o-transition:background-size 1s;
							}
							.CssNewsArticleText{
								background-color:#FCF0E7;
								padding:16px;
								overflow:hidden;
							}
								.CssNewsArticleCaption{
									text-align:left;
									height:48px;
									font-size:20px;
									line-height:24px;
									font-weight:500;
									font-family:Noto Sans TC;
									color:#3A1800;
									overflow:hidden;
		
									text-overflow : ellipsis; /*字太長...取代*/
									white-space : nowrap;
									display: -webkit-box;
									-webkit-line-clamp: 2; /*字太長...取代(行數)*/
									-webkit-box-orient: vertical;
									white-space: normal;
								}
								.CssNewsArticleCaption a{
									text-align:left;
									height:48px;
									font-size: 20px;
									line-height:24px;
									font-weight: 500;
									font-family: Noto Sans TC;
									color: #3A1800;
									text-decoration:none;
								}
								.CssNewsArticleCaption a:hover{
									color:#000000;
									font-weight:500;
								}
								.CssNewsArticleDescription{
									margin-top:10px;
									text-align:left;
									height:34px;
									line-height:17px;
									font-size:14px;
									color:#3A1800;
									
									overflow : hidden;
									text-overflow : ellipsis; /*字太長...取代*/
									white-space : nowrap;
									display: -webkit-box;
									-webkit-line-clamp: 2; /*字太長...取代(行數)*/
									-webkit-box-orient: vertical;
									white-space: normal;
								}
								.CssNewsArticleDescription a{
									line-height:17px;
									font-size:14px;
									color:#3A1800;
									text-decoration:none;
								}
								.CssNewsArticleDescription a:hover{
									color:#AAAAAA;
								}
								.CssNewsArticleReadmore{
									margin-top:15px;
									overflow:hidden;
								}
								.CssNewsArticleReadmore div{
									font-family: Noto Sans TC;
									font-weight: normal;
									font-size: 14px;
									line-height: 17px;
									color: #FFFFFF;
									
									padding: 8px 16px;
									float:right;
									background-color: #F1B485;
									border-radius: 36px;
									cursor:pointer;
								}
								.CssNewsArticleReadmore div:hover{
									background-color: #D91334;
								}
								.CssNewsArticleReadmore a{
									font-family: Noto Sans TC;
									font-weight: normal;
									font-size: 14px;
									line-height: 17px;
									color: #FFFFFF;
									text-decoration:none;
								}
		.CssNewsArticleCheckmoreContainer{
			clear:both;
			overflow:hidden;
		}
			.CssNewsArticleCheckmorePosition{
				height:168px;
				padding:0px 105px;
				position:relative;
			}
				.CssNewsArticleCheckmoreLine{
					height:83px;
					border-bottom: 1px solid #F1B485;
				}
					.CssNewsArticleCheckmoreBox{
						width: 262px;
						height: 48px;
						background-color: #FFFFFF;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
						padding:0px 46px;
					}
						.CssNewsArticleCheckmoreButton{
							height: 48px;
							border: 2px solid #F1B485;
							border-radius: 27px;
							background-color: #FFFFFF;

							font-family: Noto Sans TC;
							font-weight: 500;
							font-size: 16px;
							line-height: 42px;
							text-align: center;
							color: #F1B485;
						}
						.CssNewsArticleCheckmoreButton:hover{
							height: 48px;
							border: 2px solid #F1B485;
							background-color: #F1B485;
							color: #FFFFFF;
							text-decoration:none;
						}
						.CssNewsArticleCheckmoreBox a{
							color: #F1B485;
							text-decoration:none;
						}
						.CssNewsArticleCheckmoreBox a:hover{
							color: #FFFFFF;
							text-decoration:none;
						}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
RWD 設定：最新消息(資料)
////////////////////////////////////////////////////////////////////////////////////////////////////*/
@media (max-width: 1280px){
		/*最新消息資料根容器*/
		#DivNewsRootContainer{
			padding:0px 30px;
			text-align:center;
			margin-top:60px;
			overflow:hidden;
			background-color:FFCCFF;
		}
							.CssNewsArticleSlideTD{
								padding:0px 20px;
								overflow:hidden;
							}
}
@media (max-width: 1024px){
		/*最新消息資料根容器*/
		#DivNewsRootContainer{
			padding:0px 30px;
			text-align:center;
			margin-top:60px;
			overflow:hidden;
			background-color:FFCCFF;
		}
							.CssNewsArticleSlideTD{
								padding:0px 15px;
								overflow:hidden;
							}
}
@media (max-width: 768px){
		/*最新消息資料根容器*/
		#DivNewsRootContainer{
			padding:0px 10px;
			text-align:center;
			margin-top:60px;
			overflow:hidden;
			background-color:FFCCFF;
		}
							.CssNewsArticleSlideTD{
								padding:0px 10px;
								overflow:hidden;
							}
}
@media (max-width: 480px){

}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
讓生命不一樣
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.CssSectionLife{
		overflow:hidden;
		position:relative;
		margin-top:-15px;
	}
		.CssLifeTitleContainer{
			height:calc(120px + 80px + 68px);
			position:relative;
		}
			.CssLifeTitleSlogan{
				width:420px;
				height:80px;
				position:absolute;
				top:120px;
				left:50%;
				margin-left:-210px;
				z-index:2999;
			}
			.CssLifeTitleDot{
				width:52px;
				height:40px;
				position:absolute;
				bottom:-20px;
				left:50%;
				margin-left:-26px;
				z-index:3000;
			}
			.CssLifeTitleBird{
				width:174px;
				height:115px;
				position:absolute;
				top:calc(65px + 15px);
				/*left:12.36vw;/*1440*/
				/*left:9.27vw;/*1920*/
				left:178px;
			}
			.CssLifeTitleSpace{
				width:100%;
				height:15px;
				background-color:#FFFFFF;
			}
			.CssLifeTitleMoon{
				width:297px;
				height:145px;
				position:absolute;
				top:0px;
				/*right:10.21vw;/*1440*/
				/*right:7.66vw;/*1920*/
				right:147px;
				z-index:2999;
			}
		.CssLifeMainContainer{
			padding:0px 33px;
			background-image:url(include_images/Home_Life/3-1.vector.bg.png);
			background-repeat:no-repeat;
			background-position:bottom center;
			padding-bottom:124px;
		}
			.CssLifeMainUnit{
				width:100%;
				max-width:770px;
				/*min-height:486px;*/
				background-color:#FFFFFF;
				border-radius:12px;
				margin:auto;
				padding:55px 35px 28px 35px;
				position:relative;
			}
			.CssLifeMainBox{
				overflow:auto;
			}
				.CssLifeMainCaption{
					width: 100%;
					height: 72px;
					font-family: Noto Sans TC;
					font-weight: 500;
					font-size: 20px;
					line-height: 36px;
					text-align: center;
					color: #3A1700;
				}
				.CssLifeMainLineContainer{
					padding-top:37px;
					padding-bottom:32px;
				}
					.CssLifeMainLine1px{
						height:1px;
						background-color:#DEDDCD;

						position:relative;
					}
						.CssLifeMainLine3px{
							width:64px;
							height:3px;
							background-color:#3A1800;
							position:absolute;
							bottom:-1px;
							left:50%;
							margin-left:-32px;
						}
				.CssLifeMainImg{
					width:337px;
					height:206px;
					margin:auto;
				}
					.CssLifeMainImg img{
						border-radius:10px;
						box-shadow:4px 4px #E29F72;
					}
					.CssLifeMainImg img:hover{
						border-radius:10px;
						box-shadow:9px 9px #E29F72;
					}
				.CssLifeMainNote{
					height: 24px;
					font-family: Noto Sans TC;
					font-weight: 500;
					font-size: 14px;
					line-height: 24px;
					text-align: center;
					color: #3A1700;
					margin-top:29px;
				}
			.CssLifeMainBoy{
				width:139px;
				height:334px;
				position:absolute;
				left:-85px;
				bottom:-52px;
			}
			.CssLifeMainGirl{
				width:238px;
				height:212px;
				position:absolute;
				right:-181px;
				bottom:-92px;
			}
			.CssLifeMainLeafLeft{
				display:none;
			}
			.CssLifeMainLeafRight{
				display:none;
			}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
見賢故事
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.CssSectionStory{
		overflow:hidden;
		padding:126px 0px 131px 0px;
		text-align:center;
		position:relative;
	}
		.CssSectionStoryBook{
			width:389px;
			height:84px;
			position:absolute;
			background-image:url(include_images/Home_Story/4-2.vector.2.png);
			left:90px;
			bottom:133px;
			z-index:1000;
		}
		.CssSectionStoryFlower{
			width:229px;
			height:130px;
			position:absolute;
			background-image:url(include_images/Home_Story/4-2.vector.3.png);
			right:140px;
			bottom:125px;
			z-index:1000;
		}
		.CssSectionStoryTitleText{
			display:none;
		}
		.CssSectionStoryContainer{
			overflow:hidden;
			position:relative;
			display:inline-block;
		}
			.CssSectionStoryTitle{
				width:100px;
				float:left;
				height:479px;
				position:relative;
			}
				.CssSectionStoryTitle img{
					width:100%;
					margin-top:55px;
				}
			.CssSectionStoryLeft{
				width:105px;
				width:5.47vw;
				min-width:60px;
				margin-left:64px;
				position:relative;
				float:left;
				height:479px;
			}
				.CssSectionStoryLeftButton{
					width:55px;
					height:55px;
					background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_normal.png);
					position:absolute;
					left:0px;
					top:50%;
					margin-top:-28px;
					cursor:pointer;
				}
				.CssSectionStoryLeftButton:hover{
					background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_hover.png);
				}
				.CssSectionStoryLeftGrass{
					width:143px;
					height:163px;
					background-image:url(include_images/Home_Story/grass.png);
					position:absolute;
					bottom:18px;
					left:0.9vw;
				}
			.CssSectionStoryMain{
				width:726px;
				background-image:url(include_images/Home_Story/4-2.vector.Container.png);
				background-repeat:no-repeat;
				background-position:top right;
				float:left;
				height:479px;
				position:relative;
				border-bottom: 3px solid #3A1800;
				padding:77px 21px 50px 21px;
				
			}
				.CssSectionStoryTableMask{
					height:100%;
					position:relative;
					overflow:hidden;
					-webkit-overflow-scrolling:touch;
				}
				.CssSectionStoryTable{
					height:100%;
					position:absolute;
					top:0px;
					left:0px;
				}
					.CssSectionStoryTable tr{
						
					}
						.CssSectionStoryTable td{
							width:342px;/*每個td的寬度*/
							height:100%;
							padding:0px 35px 0px 35px;
						}
							.CssSectionStoryUnit{
								height:100%;
								background-color:#FFFFFF;
							}
								.CssSectionStoryImg{
									width: 100%;
									height: 0;
									padding-bottom: 70%; /*高度為寬度的百分比*/
									background-repeat:no-repeat;
									background-size:100% auto;
									background-position:center top;
									cursor:pointer;
									border-radius: 10px;
								}
								.CssSectionStoryCaption{
									height:29px;
									margin-top:15px;
									font-family: Noto Sans TC;
									font-weight: 500;
									font-size: 20px;
									line-height: 29px;
									color: #000000;
									overflow : hidden;
									text-overflow : ellipsis; /*字太長...取代*/
									white-space : nowrap;
									display: -webkit-box;
									-webkit-line-clamp: 1; /*字太長...取代(行數)*/
									-webkit-box-orient: vertical;
									white-space: normal;
									text-align:left;
								}
								.CssSectionStoryDescripton{
									margin-top:19px;
									height: 40px;
									font-family: Noto Sans TC;
									font-weight: normal;
									font-size: 14px;
									line-height: 20px;
									color: #000000;
									overflow : hidden;
									text-overflow : ellipsis; /*字太長...取代*/
									white-space : nowrap;
									display: -webkit-box;
									-webkit-line-clamp: 2; /*字太長...取代(行數)*/
									-webkit-box-orient: vertical;
									white-space: normal;
									text-align:left;
								}
								.CssSectionStoryCheckmore{
									margin-top:24px;
									overflow:hidden;
								}
								.CssSectionStoryCheckmore a{
									text-decoration:none;
								}
								.CssSectionStoryCheckmore a:hover{
									text-decoration:none;
								}
								.CssSectionStoryCheckmoreButton{
									font-size: 14px;
									width:76px;
									height:30px;
									line-height: 26px;
									text-align:center;
									margin:auto;
									color: #E29F72;
									background-color:#FFFFFF;
									border: 2px solid #E29F72;
									border-radius: 27px;
								}
								.CssSectionStoryCheckmoreButton:hover{
									color: #FFFFFF;
									background-color:#E29F72;
								}
			.CssSectionStoryRight{
				width:105px;
				width:5.47vw;
				min-width:60px;
				position:relative;
				float:left;
				height:479px;
			}
				.CssSectionStoryRightButton{
					width:55px;
					height:55px;
					background-image:url(include_images/Home_Story/4-4.icon-next.4-4.right_normal.png);
					position:absolute;
					right:0px;
					top:50%;
					margin-top:-28px;
					cursor:pointer;
				}
				.CssSectionStoryRightButton:hover{
					background-image:url(include_images/Home_Story/4-4.icon-next.4-4.right_hover.png);
				}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
精彩影音
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	.CssSectionVideo{
		background-color:#FFFFFF;
		overflow:hidden;
		/*padding-bottom:60px;*/
	}
		.CssSectionVideoCaptionContainer{
			height:160px;
			position:relative;
		}
			.CssSectionVideoCaptionPosition{
				height:40px;
				position: absolute;
				left: 50%;
				top:50%;
				transform: translate(-50%,-50%);
			}
			.CssSectionVideoCaptionImg{
				float:left;
				width:40px;
				height:40px;
			}
			.CssSectionVideoCaptionImg img{
				width:40px;
				height:40px;
			}
			.CssSectionVideoCaptionText{
				float:left;
				font-family: Noto Sans TC;
				font-style: normal;
				font-weight: bold;
				font-size: 24px;
				line-height: 40px;
				letter-spacing: 0.25em;
				color: #3A1800;
				margin-left:10px;
			}
		.CssSectionVideoShowContainer{
			width:calc(752px + 10px + 351px);
			height:423px;
			margin:auto;
			position:relative;
		}
			.CssSectionVideoShow{
				width:752px;
				height:423px;
				position:absolute;
				top:0px;
				left:0px;
				z-index:100;
				background: rgba(0, 0, 0, 0.4);
				border-radius: 12px;
			}
				.CssSectionVideoShow iframe{
					width:752px;
					height:423px;
					border-radius: 12px;
				}
			.CssSectionVideoAxis{
				width:calc(11px + 10px + 11px);
				height:423px;
				position:absolute;
				top:0px;
				left:calc(752px - 11px);
				z-index:101;
				background-image:url(include_images/Home_Video/5-2.vector.423.png);
				background-repeat:no-repeat;
			}
			.CssSectionVideoNote{
				width:351px;
				height:423px;
				position:absolute;
				top:0px;
				right:0px;
				z-index:100;
				background: #F8E3D3;
				border-radius: 12px;
				padding:91px 28px 0px 33px;
			}
				.CssSectionVideoNoteCaption{
					height: 38px;
					font-family: Noto Sans TC;
					font-style: normal;
					font-weight: 500;
					font-size: 32px;
					line-height: 38px;
					color: #3A1800;

					overflow : hidden;
					text-overflow : ellipsis; /*字太長...取代*/
					white-space : nowrap;
/*					display: -webkit-box;
					-webkit-line-clamp: 2; /*字太長...取代(行數)*/
					-webkit-box-orient: vertical;*/
					white-space: normal;
					text-align:left;
				}
				.CssSectionVideoNoteDescription{
					margin-top:16px;
					height: 120px;
					font-family: Noto Sans TC;
					font-weight: normal;
					font-size: 14px;
					line-height: 20px;
					color: #3A1800;

					overflow : hidden;
					text-overflow : ellipsis; /*字太長...取代*/
					white-space : nowrap;
					display: -webkit-box;
					-webkit-line-clamp: 6; /*字太長...取代(行數)*/
					-webkit-box-orient: vertical;
					white-space: normal;
					text-align:left;
				}
				.CssSectionVideoNoteLine{
					padding-top:17px;
					padding-bottom:17px;
				}
					.CssSectionVideoNoteLine1px{
						height:1px;
						background-color:#DEDDCD;
						position:relative;
					}
						.CssSectionVideoNoteLine3px{
							width:64px;
							height:3px;
							background-color:#333333;
							position:absolute;
							bottom:-1px;
							left:0px;
							border-radius: 10px;
						}
				.CssSectionVideoNoteDate{
					height: 32px;
					font-family: Manrope;
					font-style: normal;
					font-weight: normal;
					font-size: 20px;
					line-height: 32px;
					color: #3A1700;
				}
		.CssSectionVideoMenuContainer{
			width:calc(752px + 10px + 351px);
			height:170px;
			margin:auto;
			margin-top:32px;
			position:relative;
		}
			.CssSectionVideoMenuButtonLeft{
				width:54px;
				height:54px;
				position:absolute;
				left:0px;
				top:50%;
				transform: translateY(-50%);
				background-image:url(include_images/Home_Video/5-4.icon-next.left_normal.png);
				cursor:pointer;
			}
				.CssSectionVideoMenuButtonLeft:hover{
					background-image:url(include_images/Home_Video/5-4.icon-next.left_hover.png);
				}
			.CssSectionVideoMenuButtonRight{
				width:54px;
				height:54px;
				position:absolute;
				right:0px;
				top:50%;
				transform: translateY(-50%);
				background-image:url(include_images/Home_Video/5-4.icon-next.right_normal.png);
				cursor:pointer;
			}
				.CssSectionVideoMenuButtonRight:hover{
					background-image:url(include_images/Home_Video/5-4.icon-next.right_hover.png);
				}
			.CssSectionVideoMenuPosition{
				width:calc(100% - 54px - 5px - 5px - 54px);
				max-width:calc(301px + 10px + 301px + 10px + 301px + 10px);
				height:170px;
				position:absolute;
				left:50%;
				top:0px;
				transform: translateX(-50%);
			}
				.CssSectionVideoMenuMask{
					height:100%;
					position:relative;
					overflow:hidden;
					-webkit-overflow-scrolling:touch;
				}
					.CssSectionVideoMenuTable{
						height:100%;
						position:absolute;
						top:0px;
						left:0px;
					}
						.CssSectionVideoMenuTable tr{
							
						}
							.CssSectionVideoMenuTable td{
								width:calc(301px + 10px);
								height:100%;
								padding-right:10px;
							}
								.CssSectionVideoMenuUnit{
									width:100%;
									height:100%;
									position:relative;
									border-radius: 12px;
								}
									.CssSectionVideoIframeMask{
										width:100%;
										height:100%;
										border-radius: 12px;
										position:absolute;
										left:0px;
										top:0px;
										cursor:pointer;
										z-index:20;
									}
										.CssSectionVideoIframeMaskInside{
											display:none;
										}
									.CssSectionVideoMenuUnit iframe{
										width:100%;
										height:100%;
										border-radius: 12px;
										position:absolute;
										left:0px;
										top:0px;
										cursor:pointer;
										z-index:10;
									}
/*////////////////////////////////////////////////////////////////////////////////////////////////////
RWD 設定
////////////////////////////////////////////////////////////////////////////////////////////////////*/
	@media (max-width: 1280px){
		/*//////////////////////////////////////////////////
		讓生命不一樣1280
		//////////////////////////////////////////////////*/
/*		.CssSectionLife{
			overflow:hidden;
			position:relative;
			margin-top:-15px;
		}*/
			.CssLifeTitleContainer{
				/*height:calc(120px + 80px + 68px); /*1920*/
				height:calc(8.3vw + 80px + 4.7vw); /*1280*/
				/*position:relative;*/
			}
				.CssLifeTitleSlogan{
					width:420px;
					height:80px;
					position:absolute;
					/*top:120px; /*1920*/
					top:8.3vw; /*1280*/
					left:50%;
					margin-left:-210px;
					z-index:3000;
				}
				.CssLifeTitleDot{
					width:52px;
					height:40px;
					position:absolute;
					bottom:-20px;
					left:50%;
					margin-left:-26px;
					z-index:3000;
				}
				.CssLifeTitleBird{
					width:174px;
					height:115px;
					position:absolute;
					top:calc(65px + 15px);
					/*left:12.36vw;/*1440*/
					/*left:9.27vw;/*1920*/
					/*left:178px;*/
					left:5vw;
				}
				.CssLifeTitleSpace{
					width:100%;
					height:15px;
					background-color:#FFFFFF;
				}
				.CssLifeTitleMoon{
					width:297px;
					height:145px;
					position:absolute;
					top:0px;
					/*right:10.21vw;/*1440*/
					/*right:7.66vw;/*1920*/
					right:5vw;
					z-index:2999;
				}
/*			.CssLifeMainContainer{
				padding:0px 33px;
				background-image:url(include_images/Home_Life/3-1.vector.bg.png);
				background-repeat:no-repeat;
				background-position:bottom center;
				padding-bottom:124px;
			}
				.CssLifeMainUnit{
					width:100%;
					max-width:770px;
					background-color:#FFFFFF;
					border-radius:12px;
					margin:auto;
					padding:55px 35px 28px 35px;
					position:relative;
				}
				.CssLifeMainBox{
					overflow:auto;
				}
					.CssLifeMainCaption{
						width: 100%;
						height: 72px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 20px;
						line-height: 36px;
						text-align: center;
						color: #3A1700;
					}
					.CssLifeMainLineContainer{
						padding-top:37px;
						padding-bottom:32px;
					}
						.CssLifeMainLine1px{
							height:1px;
							background-color:#DEDDCD;
	
							position:relative;
						}
							.CssLifeMainLine3px{
								width:64px;
								height:3px;
								background-color:#3A1800;
								position:absolute;
								bottom:-1px;
								left:50%;
								margin-left:-32px;
							}
					.CssLifeMainImg{
						width:337px;
						height:206px;
						margin:auto;
					}
						.CssLifeMainImg img{
							border-radius:10px;
							box-shadow:4px 4px #E29F72;
						}
						.CssLifeMainImg img:hover{
							border-radius:10px;
							box-shadow:9px 9px #E29F72;
						}
					.CssLifeMainNote{
						height: 24px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 14px;
						line-height: 24px;
						text-align: center;
						color: #3A1700;
						margin-top:29px;
					}
				.CssLifeMainBoy{
					width:139px;
					height:334px;
					position:absolute;
					left:-85px;
					bottom:-52px;
				}
				.CssLifeMainGirl{
					width:238px;
					height:212px;
					position:absolute;
					right:-181px;
					bottom:-92px;
				}*/
		/*//////////////////////////////////////////////////
		見賢故事 1280
		//////////////////////////////////////////////////*/
			.CssSectionStoryBook{
				left:2vw;
			}
			.CssSectionStoryFlower{
				right:2vw;/*1280*/
			}
		/*//////////////////////////////////////////////////
		精彩影音 1280
		//////////////////////////////////////////////////*/
		.CssSectionVideo{
			background-color:#FFFFFF;
			overflow:hidden;
			padding:0px 30px;
			/*padding-bottom:60px;*/
		}
/*			.CssSectionVideoCaptionContainer{
				height:160px;
				position:relative;
			}
				.CssSectionVideoCaptionPosition{
					height:40px;
					position: absolute;
					left: 50%;
					top:50%;
					transform: translate(-50%,-50%);
				}
				.CssSectionVideoCaptionImg{
					float:left;
					width:40px;
					height:40px;
				}
				.CssSectionVideoCaptionImg img{
					width:40px;
					height:40px;
				}
				.CssSectionVideoCaptionText{
					float:left;
					font-family: Noto Sans TC;
					font-style: normal;
					font-weight: bold;
					font-size: 24px;
					line-height: 40px;
					letter-spacing: 0.25em;
					color: #3A1800;
					margin-left:10px;
				}*/
			.CssSectionVideoShowContainer{
				width:100%;
				max-width:calc(752px + 10px + 351px);
				height:423px;
				margin:auto;
				position:relative;
			}
				.CssSectionVideoShow{
					width:752px;
					height:423px;
					position:absolute;
					top:0px;
					left:0px;
					z-index:100;
					background: rgba(0, 0, 0, 0.4);
					border-radius: 12px;
				}
					.CssSectionVideoShow iframe{
						width:752px;
						height:423px;
						border-radius: 12px;
					}
				.CssSectionVideoAxis{
					width:calc(11px + 10px + 11px);
					height:423px;
					position:absolute;
					top:0px;
					left:calc(752px - 11px);
					z-index:101;
					background-image:url(include_images/Home_Video/5-2.vector.423.png);
					background-repeat:no-repeat;
				}
				.CssSectionVideoNote{
					width:calc(100% - 752px - 10px);
					height:423px;
					position:absolute;
					top:0px;
					right:0px;
					z-index:100;
					background: #F8E3D3;
					border-radius: 12px;
					padding:91px 28px 0px 33px;
				}
					.CssSectionVideoNoteCaption{
						height: 38px;
						font-family: Noto Sans TC;
						font-style: normal;
						font-weight: 500;
						font-size: 32px;
						line-height: 38px;
						color: #3A1800;
	
						overflow : hidden;
						text-overflow : ellipsis; /*字太長...取代*/
						white-space : nowrap;
	/*					display: -webkit-box;
						-webkit-line-clamp: 2; /*字太長...取代(行數)*/
						-webkit-box-orient: vertical;*/
						white-space: normal;
						text-align:left;
					}
					.CssSectionVideoNoteDescription{
						margin-top:16px;
						height: 120px;
						font-family: Noto Sans TC;
						font-weight: normal;
						font-size: 14px;
						line-height: 20px;
						color: #3A1800;
	
						overflow : hidden;
						text-overflow : ellipsis; /*字太長...取代*/
						white-space : nowrap;
						display: -webkit-box;
						-webkit-line-clamp: 6; /*字太長...取代(行數)*/
						-webkit-box-orient: vertical;
						white-space: normal;
						text-align:left;
					}
					.CssSectionVideoNoteLine{
						padding-top:17px;
						padding-bottom:17px;
					}
						.CssSectionVideoNoteLine1px{
							height:1px;
							background-color:#DEDDCD;
							position:relative;
						}
							.CssSectionVideoNoteLine3px{
								width:64px;
								height:3px;
								background-color:#333333;
								position:absolute;
								bottom:-1px;
								left:0px;
								border-radius: 10px;
							}
					.CssSectionVideoNoteDate{
						height: 32px;
						font-family: Manrope;
						font-style: normal;
						font-weight: normal;
						font-size: 20px;
						line-height: 32px;
						color: #3A1700;
					}
			.CssSectionVideoMenuContainer{
				width:100%;
				max-width:calc(752px + 10px + 351px);
				height:170px;
				margin:auto;
				margin-top:32px;
				position:relative;
			}
				.CssSectionVideoMenuButtonLeft{
					width:54px;
					height:54px;
					position:absolute;
					left:0px;
					top:50%;
					transform: translateY(-50%);
					background-image:url(include_images/Home_Video/5-4.icon-next.left_normal.png);
					cursor:pointer;
				}
					.CssSectionVideoMenuButtonLeft:hover{
						background-image:url(include_images/Home_Video/5-4.icon-next.left_hover.png);
					}
				.CssSectionVideoMenuButtonRight{
					width:54px;
					height:54px;
					position:absolute;
					right:0px;
					top:50%;
					transform: translateY(-50%);
					background-image:url(include_images/Home_Video/5-4.icon-next.right_normal.png);
					cursor:pointer;
				}
					.CssSectionVideoMenuButtonRight:hover{
						background-image:url(include_images/Home_Video/5-4.icon-next.right_hover.png);
					}
				.CssSectionVideoMenuPosition{
					width:calc(100% - 54px - 5px - 5px - 54px);
					/*width:100%;*/
					max-width:calc(301px + 10px + 301px + 10px + 301px);
					height:170px;
					position:absolute;
					left:50%;
					top:0px;
					transform: translateX(-50%);
				}
					.CssSectionVideoMenuMask{
						height:100%;
						position:relative;
						overflow:auto;
						-webkit-overflow-scrolling:touch;
					}
						.CssSectionVideoMenuTable{
							height:100%;
							position:absolute;
							top:0px;
							left:0px;
						}
							.CssSectionVideoMenuTable tr{
								
							}
								.CssSectionVideoMenuTable td{
									width:calc(301px + 10px);
									height:100%;
									padding-right:10px;
								}
								.CssSectionVideoMenuTable td:last-child{
									width:301px;
									padding-right:0px;
								}
									.CssSectionVideoMenuUnit{
										width:301px;
										height:100%;
										position:relative;
									}
										.CssSectionVideoIframeMask{
											width:100%;
											height:100%;
											border-radius: 12px;
											position:absolute;
											left:0px;
											top:0px;
											cursor:pointer;
										}
										.CssSectionVideoMenuUnit iframe{
											width:100%;
											height:100%;
											border-radius: 12px;
										}
		/*//////////////////////////////////////////////////
		
		//////////////////////////////////////////////////*/
	}
	@media (max-width: 1024px){
		/*//////////////////////////////////////////////////
		見賢故事 1024
		//////////////////////////////////////////////////*/
		.CssSectionStory{
			overflow:hidden;
			padding:50px 5px 131px 5px;
			text-align:center;
			position:relative;
		}
			.CssSectionStoryBook{
				display:none;
			}
			.CssSectionStoryFlower{
				display:none;
			}
			.CssSectionStoryTitleText{
				display:block;
				height:24px;
				font-size:24px;
				line-height:24px;
				text-align:center;
				color:#D91334;
				font-weight:bold;
				margin-bottom:50px;
			}
			.CssSectionStoryContainer{
				display:block;
				width:100%;
				height:479px;
				position:relative;
				margin:0px;
				padding:0px;
				/*background-color:#6699FF;*/
			}
				.CssSectionStoryTitle{
					display:none;
				}
				.CssSectionStoryTitle img{
					display:none;
				}
				.CssSectionStoryLeft{
					clear:both;
					width:55px;
					min-width:55px;
					height:55px;
					position:absolute;
					z-index:101;
					left:0px;
					top:50%;
					margin:0px;
					padding:0px;
					margin-top:-28px;
				}
					.CssSectionStoryLeftButton{
						width:55px;
						height:55px;
						position:static;
						margin:0px;
						padding:0px;
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_normal.png);
						cursor:pointer;
					}
					.CssSectionStoryLeftButton:hover{
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_hover.png);
					}
					.CssSectionStoryLeftGrass{
						display:none;
					}
				.CssSectionStoryMain{
					clear:both;
					width:726px;
					height:479px;
					margin:0px;
					padding:0px;
					background-image:url(include_images/Home_Story/4-2.vector.Container.png);
					background-repeat:no-repeat;
					background-position:top right;
					position:absolute;
					left:50%;
					top:0px;
					margin-left:-363px;
					z-index:100;
					border-bottom:none; /*1px solid #3A1800;*/
					padding:77px 21px 50px 21px;
				}
/*					.CssSectionStoryTableMask{
						height:100%;
						position:relative;
						overflow:hidden;
						-webkit-overflow-scrolling:touch;
					}
					.CssSectionStoryTable{
						height:100%;
						position:absolute;
						top:0px;
						left:0px;
					}
						.CssSectionStoryTable tr{
							
						}
							.CssSectionStoryTable td{
								width:342px;
								height:100%;
								padding:0px 35px 0px 35px;
							}
								.CssSectionStoryUnit{
									height:100%;
								}
									.CssSectionStoryImg{
										width: 100%;
										height: 0;
										padding-bottom: 70%;
										background-repeat:no-repeat;
										background-size:100% auto;
										background-position:center top;
										cursor:pointer;
										border-radius: 10px;
									}
									.CssSectionStoryCaption{
										height:29px;
										margin-top:15px;
										font-family: Noto Sans TC;
										font-weight: 500;
										font-size: 20px;
										line-height: 29px;
										color: #000000;
										overflow : hidden;
										text-overflow : ellipsis;
										white-space : nowrap;
										display: -webkit-box;
										-webkit-line-clamp: 1;
										-webkit-box-orient: vertical;
										white-space: normal;
										text-align:left;
									}
									.CssSectionStoryDescripton{
										margin-top:19px;
										height: 40px;
										font-family: Noto Sans TC;
										font-weight: normal;
										font-size: 14px;
										line-height: 20px;
										color: #000000;
										overflow : hidden;
										text-overflow : ellipsis;
										white-space : nowrap;
										display: -webkit-box;
										-webkit-line-clamp: 2;
										-webkit-box-orient: vertical;
										white-space: normal;
										text-align:left;
									}
									.CssSectionStoryCheckmore{
										margin-top:24px;
										overflow:hidden;
									}
									.CssSectionStoryCheckmore a{
										text-decoration:none;
									}
									.CssSectionStoryCheckmore a:hover{
										text-decoration:none;
									}
									.CssSectionStoryCheckmoreButton{
										font-size: 14px;
										width:76px;
										height:30px;
										line-height: 26px;
										text-align:center;
										margin:auto;
										color: #E29F72;
										background-color:#FFFFFF;
										border: 2px solid #E29F72;
										border-radius: 27px;
									}
									.CssSectionStoryCheckmoreButton:hover{
										color: #FFFFFF;
										background-color:#E29F72;
									}*/
				.CssSectionStoryRight{
					clear:both;
					width:55px;
					min-width:55px;
					height:55px;
					position:absolute;
					z-index:101;
					right:0px;
					top:50%;
					margin:0px;
					margin-top:-28px;
				}
					.CssSectionStoryRightButton{
						width:55px;
						height:55px;
						margin:0px;
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.right_normal.png);
						position:static;
						cursor:pointer;
					}
					.CssSectionStoryRightButton:hover{
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.right_hover.png);
					}
		/*//////////////////////////////////////////////////
		精彩影音 1024
		//////////////////////////////////////////////////*/
		.CssSectionVideo{
			background-color:#FFFFFF;
			overflow:hidden;
			padding:0px 30px;
			/*padding-bottom:60px;*/
		}
/*			.CssSectionVideoCaptionContainer{
				height:160px;
				position:relative;
			}
				.CssSectionVideoCaptionPosition{
					height:40px;
					position: absolute;
					left: 50%;
					top:50%;
					transform: translate(-50%,-50%);
				}
				.CssSectionVideoCaptionImg{
					float:left;
					width:40px;
					height:40px;
				}
				.CssSectionVideoCaptionImg img{
					width:40px;
					height:40px;
				}
				.CssSectionVideoCaptionText{
					float:left;
					font-family: Noto Sans TC;
					font-style: normal;
					font-weight: bold;
					font-size: 24px;
					line-height: 40px;
					letter-spacing: 0.25em;
					color: #3A1800;
					margin-left:10px;
				}*/
			.CssSectionVideoShowContainer{
				width:100%;
				max-width:752px;
				height:auto;
				aspect-ratio: 752/423;
				margin:auto;
				position:relative;
			}
				.CssSectionVideoShow{
					width:100%;
					height:100%;
					position:static;
					background:none;
					border-radius: 12px;
				}
					.CssSectionVideoShow iframe{
						width:100%;
						height:100%;
						border-radius: 12px;
					}
				.CssSectionVideoAxis{
					display:none;
				}
				.CssSectionVideoNote{
					display:none;
				}
			.CssSectionVideoMenuContainer{
				width:100%;
				max-width:calc(752px + 10px + 351px);
				height:170px;
				margin:auto;
				margin-top:32px;
				position:relative;
			}
				.CssSectionVideoMenuButtonLeft{
					width:54px;
					height:54px;
					position:absolute;
					left:0px;
					top:50%;
					transform: translateY(-50%);
					background-image:url(include_images/Home_Video/5-4.icon-next.left_normal.png);
					cursor:pointer;
				}
					.CssSectionVideoMenuButtonLeft:hover{
						background-image:url(include_images/Home_Video/5-4.icon-next.left_hover.png);
					}
				.CssSectionVideoMenuButtonRight{
					width:54px;
					height:54px;
					position:absolute;
					right:0px;
					top:50%;
					transform: translateY(-50%);
					background-image:url(include_images/Home_Video/5-4.icon-next.right_normal.png);
					cursor:pointer;
				}
					.CssSectionVideoMenuButtonRight:hover{
						background-image:url(include_images/Home_Video/5-4.icon-next.right_hover.png);
					}
				.CssSectionVideoMenuPosition{
					width:calc(100% - 54px - 5px - 5px - 54px);
					/*width:100%;*/
					max-width:calc(301px + 10px + 301px + 10px + 301px);
					height:170px;
					position:absolute;
					left:50%;
					top:0px;
					transform: translateX(-50%);
				}
					.CssSectionVideoMenuMask{
						height:100%;
						position:relative;
						overflow:auto;
						-webkit-overflow-scrolling:touch;
					}
						.CssSectionVideoMenuTable{
							height:100%;
							position:absolute;
							top:0px;
							left:0px;
						}
							.CssSectionVideoMenuTable tr{
								
							}
								.CssSectionVideoMenuTable td{
									width:calc(301px + 10px);
									height:100%;
									padding-right:10px;
								}
								.CssSectionVideoMenuTable td:last-child{
									width:301px;
									padding-right:0px;
								}
									.CssSectionVideoMenuUnit{
										width:301px;
										height:100%;
										position:relative;
									}
										.CssSectionVideoIframeMask{
											width:100%;
											height:100%;
											border-radius: 12px;
											position:absolute;
											left:0px;
											top:0px;
											cursor:pointer;
										}
										.CssSectionVideoMenuUnit iframe{
											width:100%;
											height:100%;
											border-radius: 12px;
										}
		/*//////////////////////////////////////////////////
		
		//////////////////////////////////////////////////*/
	}
	@media (max-width: 720px){
		/*//////////////////////////////////////////////////
		讓生命不一樣720
		//////////////////////////////////////////////////*/
/*		.CssSectionLife{
			overflow:hidden;
			position:relative;
			margin-top:-15px;
		}*/
			.CssLifeTitleContainer{
				/*height:calc(120px + 80px + 68px); /*1920*/
				height:calc(8.3vw + 80px + 4.7vw); /*1280*/
				/*position:relative;*/
			}
				.CssLifeTitleSlogan{
					width:100%;
					max-width:420px;
					height:80px;
					position:absolute;
					/*top:120px; /*1920*/
					top:8.3vw; /*1280*/
					left:50%;
					margin-left:-210px;
					z-index:3000;
				}
				.CssLifeTitleDot{
					width:52px;
					height:40px;
					position:absolute;
					bottom:-20px;
					left:50%;
					margin-left:-26px;
					z-index:3000;
				}
				.CssLifeTitleBird{
					width:174px;
					height:115px;
					position:absolute;
					top:calc(4.5vw + 15px);
					/*left:12.36vw;/*1440*/
					/*left:9.27vw;/*1920*/
					/*left:178px;*/
					/*left:5vw; /*1280*/
					left:20px; /*720*/
				}
				.CssLifeTitleSpace{
					width:100%;
					height:15px;
					background-color:#FFFFFF;
				}
				.CssLifeTitleMoon{
					width:297px; /*1280*/
					height:145px; /*1280*/
					position:absolute;
					top:0px;
					/*right:10.21vw;/*1440*/
					/*right:7.66vw;/*1920*/
					right:20px;
					z-index:2999;
				}
			.CssLifeMainContainer{
				padding:0px 33px;
				/*background-image:url(include_images/Home_Life/3-1.vector.bg.png);*/
				background-image:url(include_images/Home_Life/3-1.vector%20bg@2x.png);
				background-repeat:no-repeat;
				background-size:100% auto;
				background-position:bottom center;
				padding-bottom:80px;
			}
				.CssLifeMainUnit{
					width:100%;
					max-width:770px;
					background-color:#FFFFFF;
					border-radius:12px;
					margin:auto;
					padding:55px 20px 28px 20px;
					position:relative;
				}
				.CssLifeMainBox{
					overflow:hidden;
				}
					.CssLifeMainCaption{
						width: 100%;
						height: 72px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 16px;
						line-height: 24px;
						text-align: center;
						color: #3A1700;
					}
					.CssLifeMainLineContainer{
						padding-top:37px;
						padding-bottom:32px;
					}
						.CssLifeMainLine1px{
							height:1px;
							background-color:#DEDDCD;
	
							position:relative;
						}
							.CssLifeMainLine3px{
								width:64px;
								height:3px;
								background-color:#3A1800;
								position:absolute;
								bottom:-1px;
								left:50%;
								margin-left:-32px;
							}
					.CssLifeMainImg{
						width:337px;
						height:206px;
						margin:auto;
					}
						.CssLifeMainImg img{
							border-radius:10px;
							box-shadow:4px 4px #E29F72;
						}
						.CssLifeMainImg img:hover{
							border-radius:10px;
							box-shadow:9px 9px #E29F72;
						}
					.CssLifeMainNote{
						height: 30px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 14px;
						line-height: 14px;
						text-align: center;
						color: #3A1700;
						margin-top:29px;
					}
				.CssLifeMainBoy{
					display:none;
				}
				.CssLifeMainGirl{
					display:none;
				}
				.CssLifeMainLeafLeft{
					width:74px;
					position:absolute;
					left:-34px;
					bottom:-12px;
					display:block;
				}
				.CssLifeMainLeafLeft img{
					width:100%;
				}
				.CssLifeMainLeafRight{
					width:108px;
					position:absolute;
					right:-30px;
					bottom:-24px;
					display:block;
				}
				.CssLifeMainLeafRight img{
					width:100%;
				}
		/*//////////////////////////////////////////////////
		見賢故事 720
		//////////////////////////////////////////////////*/
		.CssSectionStory{
			overflow:hidden;
			padding:37px 0px 32px 28px;
			text-align:center;
			position:relative;
		}
			.CssSectionStoryBook{
				display:none;
			}
			.CssSectionStoryFlower{
				display:none;
			}
			.CssSectionStoryTitleText{
				display:block;
				height:28px;
				font-size:20px;
				line-height:28px;
				text-align:center;
				color:#D91334;
				font-weight:bold;
				margin-bottom:32px;
			}
			.CssSectionStoryContainer{
				display:block;
				width:100%;
				height:362px;
				position:relative;
				margin:0px;
				padding:0px;
			}
/*				.CssSectionStoryTitle{
					display:none;
				}
				.CssSectionStoryTitle img{
					display:none;
				}*/
				.CssSectionStoryLeft{
					display:none;
				}
/*					.CssSectionStoryLeftButton{
						width:55px;
						height:55px;
						position:static;
						margin:0px;
						padding:0px;
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_normal.png);
						cursor:pointer;
					}
					.CssSectionStoryLeftButton:hover{
						background-image:url(include_images/Home_Story/4-4.icon-next.4-4.left_hover.png);
					}
					.CssSectionStoryLeftGrass{
						display:none;
					}*/
				.CssSectionStoryMain{
					clear:both;
					/*width:726px;*/
					width:100%;
					height:362px;
					margin:0px;
					padding:0px;
					background-image:none;
/*					background-repeat:no-repeat;
					background-position:top right;*/
					position:static;
/*					left:50%;
					top:0px;
					margin-left:-363px;
					z-index:100;
					border-bottom:none;
					padding:77px 21px 50px 21px;*/
					/*background-color:#FFCC00;*/
				}
					.CssSectionStoryTableMask{
						width:100%;
						height:100%;
						position:relative;
						/*overflow:hidden;*/
						/*-webkit-overflow-scrolling:touch;*/
						overflow:auto;
						-webkit-overflow-scrolling:touch;
					}
					.CssSectionStoryTable{
						height:362px;
						position:absolute;
						top:0px;
						left:0px;
						/*border-spacing:0px;*/
					}
						.CssSectionStoryTable tr{
							
						}
							.CssSectionStoryTable td{
								width:312px;
								height:362px;
								/*padding:0px 35px 0px 35px;*/
								padding:0px;
								padding:0px 16px 0px 0px;
							}
								.CssSectionStoryUnit{
									width:296px;
									height:100%;
									background-color:#FFFFFF;
									border-radius: 10px;
								}
									.CssSectionStoryImg{
										width:296px;
										height:190px;
										padding:0px;
										background-repeat:no-repeat;
										background-size:100% auto;
										background-position:center top;
										cursor:pointer;
										border-radius:10px 10px 0px 0px;
									}
									.CssSectionStoryCaption{
										height:46px;
										margin-top:16px;
										font-family: Noto Sans TC;
										font-weight: 500;
										font-size: 16px;
										line-height: 23px;
										color: #000000;
										overflow : hidden;
										text-overflow : ellipsis;
										white-space : nowrap;
										display: -webkit-box;
										-webkit-line-clamp: 1;
										-webkit-box-orient: vertical;
										white-space: normal;
										text-align:left;
										padding:0px 14px;
									}
									.CssSectionStoryDescripton{
										margin-top:0px;
										height: 40px;
										font-family: Noto Sans TC;
										font-weight: normal;
										font-size: 14px;
										line-height: 20px;
										color: #000000;
										overflow : hidden;
										text-overflow : ellipsis;
										white-space : nowrap;
										display: -webkit-box;
										-webkit-line-clamp: 2;
										-webkit-box-orient: vertical;
										white-space: normal;
										text-align:left;
										padding:0px 14px;
									}
									.CssSectionStoryCheckmore{
										margin-top:24px;
										overflow:hidden;
									}
									.CssSectionStoryCheckmore a{
										text-decoration:none;
									}
									.CssSectionStoryCheckmore a:hover{
										text-decoration:none;
									}
									.CssSectionStoryCheckmoreButton{
										font-size: 14px;
										width:76px;
										height:30px;
										line-height: 26px;
										text-align:center;
										margin:auto;
										color: #E29F72;
										background-color:#FFFFFF;
										border: 2px solid #E29F72;
										border-radius: 27px;
									}
									.CssSectionStoryCheckmoreButton:hover{
										color: #FFFFFF;
										background-color:#E29F72;
									}
				.CssSectionStoryRight{
					display:none;
				}
		/*//////////////////////////////////////////////////
		精彩影音 720
		//////////////////////////////////////////////////*/
		.CssSectionVideo{
			background-color:#FFFFFF;
			overflow:hidden;
			padding:0px 30px;
		}
			.CssSectionVideoCaptionContainer{
				height:84px;
				position:relative;
			}
				.CssSectionVideoCaptionPosition{
					height:20px;
					position: absolute;
					left: 50%;
					top:50%;
					transform: translate(-50%,-50%);
				}
				.CssSectionVideoCaptionImg{
					float:left;
					width:20px;
					height:20px;
				}
				.CssSectionVideoCaptionImg img{
					width:20px;
					height:20px;
				}
				.CssSectionVideoCaptionText{
					float:left;
					font-family: Noto Sans TC;
					font-style: normal;
					font-weight: bold;
					font-size: 16px;
					line-height: 20px;
					letter-spacing: 25%;
					color: #3A1800;
					margin-left:8px;
				}
			.CssSectionVideoShowContainer{
				display:none;
			}
			.CssSectionVideoMenuContainer{
				width:100%;
				/*max-width:calc(752px + 10px + 351px);*/
				height:auto;
				aspect-ratio: 752/423;
				margin:0px;
				/*margin-top:32px;*/
				position:static;
			}
				.CssSectionVideoMenuButtonLeft{
					display:none;
				}
				.CssSectionVideoMenuButtonRight{
					display:none;
				}
				.CssSectionVideoMenuPosition{
					width:100%;
					height:100%;
					transform:none;
					position:static;
				}
					.CssSectionVideoMenuMask{
						width:100%;
						height:100%;
						position:relative;
						overflow:auto;
						-webkit-overflow-scrolling:touch;
					}
						.CssSectionVideoMenuTable{
							/*width:1260px;*/
							/*width:calc((100vw - 60px - 20px) * 3);*/
							height:100%;
							position:absolute;
							top:0px;
							left:0px;
						}
							.CssSectionVideoMenuTable tr{
								
							}
								.CssSectionVideoMenuTable td{
									/*width:100%;*/
									width:calc(100vw - 60px + 16px);
									/*width:420px;*/
									/*height:auto;*/
									/*aspect-ratio: 752/423;*/
									height:100%;
									padding-right:16px;
								}
/*								.CssSectionVideoMenuTable td:last-child{
									width:100%;
									padding-right:0px;
								}*/
									.CssSectionVideoMenuUnit{
										/*width:301px;*/
										width:calc(100vw - 60px);
										height:100%;
										position:relative;
									}
										.CssSectionVideoIframeMask{
											width:100%;
											height:100%;
											border-radius: 12px;
											position:absolute;
											left:0px;
											top:0px;
											cursor:pointer;
											display:none;
										}
											.CssSectionVideoIframeMaskInside{
												width:100%;
												height:60px;
												position:absolute;
												padding:10px 12px;
												left:0px;
												bottom:0px;
												border-bottom-left-radius:12px;
												border-bottom-right-radius:12px;
												background:rgba(0, 0, 0, 0.4);
												display:block;
											}
												.CssSectionVideoIframeMaskIcon{
													float:left;
													width:40px;
													height:40px;
													border-radius:20px;
													background-color:#FFFFFF;
													background-image:url(include_images/Home_Video/Triangle_13x16.png);
													background-repeat:no-repeat;
													background-position:center left 16px;
												}
												.CssSectionVideoIframeMaskText{
													float:left;
													width:calc(100% - 40px - 8px);
													height:40px;
													margin-left:8px;
												}
													.CssSectionVideoIframeMaskTextCaption{
														height:20px;
														font-size:14px;
														font-weight:500;
														line-height:17px;
														color:#FFFFFF;

														overflow : hidden;
														text-overflow : ellipsis;
														white-space : nowrap;
														display: -webkit-box;
														-webkit-line-clamp: 1;
														-webkit-box-orient: vertical;
														white-space: normal;
													}
													.CssSectionVideoIframeMaskTextDate{
														height:20px;
														font-size:12px;
														font-weight:400;
														line-height:17px;
														color:#FCDF12;
													}
										.CssSectionVideoMenuUnit iframe{
											width:100%;
											height:100%;
											border-radius: 12px;
										}
		/*//////////////////////////////////////////////////
		
		//////////////////////////////////////////////////*/
	}
	@media (max-width: 480px){
		/*//////////////////////////////////////////////////
		讓生命不一樣 480
		//////////////////////////////////////////////////*/
			.CssLifeTitleContainer{
				/*height:calc(120px + 80px + 68px); /*1920*/
				height:calc(33px + 28px + 33px); /*1280*/
				/*position:relative;*/
			}
				.CssLifeTitleSlogan{
					width:146px;
					height:28px;
					position:absolute;
					/*top:120px; /*1920*/
					top:8.3vw; /*1280*/
					left:50%;
					margin-left:-73px;
					z-index:3000;
				}
				.CssLifeTitleSlogan img{
					width:100%;
				}
				.CssLifeTitleDot{
					width:34px;
					height:26px;
					position:absolute;
					bottom:-13px;
					left:50%;
					margin-left:-17px;
					z-index:3000;
				}
				.CssLifeTitleDot img{
					width:100%;
				}
				.CssLifeTitleBird{
					width:61px;
					height:40px;
					position:absolute;
					top:27px;
					left:20px; /*720*/
				}
				.CssLifeTitleBird img{
					width:100%;
				}
				.CssLifeTitleSpace{
					width:100%;
					height:15px;
					background-color:#FFFFFF;
				}
				.CssLifeTitleMoon{
					width:87px;
					height:43px;
					position:absolute;
					top:36px;
					right:20px;
					z-index:2999;
				}
				.CssLifeTitleMoon img{
					width:100%;
				}
			.CssLifeMainContainer{
				padding:0px 33px;
				background-image:url(include_images/Home_Life/Mobile_Background.png);
				background-image:url(include_images/Home_Life/3-1.vector%20bg@2x.png);
				background-repeat:no-repeat;
				background-size:100% auto;
				background-position:bottom center;
				padding-bottom:36px;
			}
				.CssLifeMainUnit{
					width:100%;
					max-width:770px;
					background-color:#FFFFFF;
					border-radius:12px;
					margin:auto;
					padding:55px 20px 28px 20px;
					position:relative;
				}
				.CssLifeMainBox{
					overflow:hidden;
				}
					.CssLifeMainCaption{
						width: 100%;
						height: 72px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 16px;
						line-height: 24px;
						text-align: center;
						color: #3A1700;
					}
					.CssLifeMainLineContainer{
						padding-top:37px;
						padding-bottom:32px;
					}
						.CssLifeMainLine1px{
							height:1px;
							background-color:#DEDDCD;
	
							position:relative;
						}
							.CssLifeMainLine3px{
								width:64px;
								height:3px;
								background-color:#3A1800;
								position:absolute;
								bottom:-1px;
								left:50%;
								margin-left:-32px;
							}
					.CssLifeMainImg{
/*						width:337px;
						height:206px;*/
						width:100%;
						/*height:195px;*/
						padding:5px;
						margin:auto;
					}
						.CssLifeMainImg img{
							width:100%;
							border-radius:10px;
							box-shadow:4px 4px #E29F72;
						}
						.CssLifeMainImg img:hover{
							border-radius:10px;
							box-shadow:9px 9px #E29F72;
						}
					.CssLifeMainNote{
						height: 30px;
						font-family: Noto Sans TC;
						font-weight: 500;
						font-size: 14px;
						line-height: 14px;
						text-align: center;
						color: #3A1700;
						margin-top:29px;
					}
		/*//////////////////////////////////////////////////
		見賢故事
		//////////////////////////////////////////////////*/
		
		/*//////////////////////////////////////////////////
		精彩影音
		//////////////////////////////////////////////////*/

		/*//////////////////////////////////////////////////
		
		//////////////////////////////////////////////////*/
	}
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/