@charset "utf-8";
/* CSS Document */
	body{
		background: #e6e5e3;
	}	
@media screen and (min-width: 1441px) {
	header{
		position: fixed;
		height: 120px;	
		z-index: 1000;
		background: #e6e5e3;
	}
	article{
		padding-top: 120px;
	}
	#TitleImg{
		max-width: 1920px;
		margin: 0 auto;
		padding-left: 80px;
		padding-right: 80px;
		padding-bottom: 50px;
		padding-top: 15px;
	}
	#NewsImg{
		height: 735px;
	}	
	#NewsImg img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}	
	#TitleName{
		width: 510px;
		height: 120px;
		background: #FFF;
		display: flex;
		align-items: center;
		font-size: 26px;
		font-weight: 300;
		padding-left: 40px;
		padding-right: 40px;
		position: absolute;
		margin-top: -280px;
		margin-left: 220px;
		box-sizing: border-box;
		letter-spacing: 1.4px;
	}
	#NewsDate{
		width: 200px;
		height: 50px;
		background: #FFF;
		display: flex;
		align-items: center;
		font-size: 16px;
		font-weight: 300;
		padding-left: 40px;
		color: #8e8e8e;
		margin-left: 220px;
		margin-top: -140px;
		position: absolute;
		box-sizing: border-box;
	}
	/* 文字模塊*/
	.NewsText2{
		padding-top: 30px;
	}
	.NewsText1, .NewsText2{
		width: 1300px;
		margin: 0 auto;
		padding-bottom: 150px;
		padding-top: 100px;
		padding-left: 50px;
		padding-right: 50px;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 32px;
		letter-spacing: 1.5px;
		text-align: justify;
		font-weight: 300;
		-webkit-columns: auto 2;
		-webkit-column-gap: 150px;
		-moz-columns:auto 2;
		-moz-column-gap: 150px;
		columns: auto 2;
		column-gap: 130px;
	}

	.NewsText1Left{
		width:640px;
		line-height: 30px;
		padding: 40px 35px 50px 50px;		
		float: left;
		box-sizing: border-box;
		letter-spacing: 1.2px;
	}
	.NewsText1Right{
		width: 640px;
		line-height: 30px;
		float: right;
		padding: 40px 35px 50px 40px;		
		box-sizing: border-box;
		letter-spacing: 1.2px;
	}
	.NewsTitle1{
		max-width: 1300px;
		margin: 0 auto;
		padding-left: 50px;
		line-height: 35px;
		box-sizing: border-box;
		padding-top: 90px;
		padding-bottom: 140px;
	}
	/* 大圖模塊*/
    .NewsImg1, .NewsList4 , .NewsList5{
		width: 1300px;
		margin: 0 auto;
		padding-bottom: 50px;
	}
    .NewsImg1 img , .NewsList4 img{
		width: 1300px;
		
	}
	.YoutubePlay{
		cursor: pointer;
	}
	/* 左文字右圖片*/
	.NewsList1{
		width: 1300px;	
		padding-bottom: 50px;
		margin: 0 auto;
	}
	.NewsList1:after{
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both; 
	}
	.NewsList1Left{
		width: 250px;
		height: 550px;
		line-height: 50px;
		float: left;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;	
		font-size: 26px;
		box-sizing: border-box;
		padding-top: 100px;
		padding-bottom: 90px;
	}
	.NewsList1Right{
		width: 900px;
		height: 550px;
		float: right;
	}
	.SlickImg{
		max-width: 1400px;
		margin: 0 auto;
		padding-left: 50px;
		padding-right: 50px;
		box-sizing:border-box;
		margin-bottom: 100px !important;
	}
	/* 右文字左圖片*/
	.NewsList2{
		width: 1300px;	
		padding-bottom: 50px;
		margin: 0 auto;
	}
	.NewsList2:after{
		content: ".";
		visibility: hidden;
		display: block;
		height: 0;
		clear: both; 
	}
	.NewsList2right{
		width: 250px;
		height: 550px;
		line-height: 50px;
		float: right;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;	
		font-size: 26px;
		box-sizing: border-box;
		padding-top: 100px;
		padding-bottom: 90px;
	}
	.NewsList2Left{
		width: 900px;
		height: 550px;
		float: left;
	}
	/* 全圖模塊*/
	.NewsList3{
		width: 100%;
		margin: 0 auto;
		padding-top: 150px;
		padding-bottom: 200px;
	}
	.NewsList3 img{
		width: 100%;		
	}
	#BtnForm{
		width: 100%;
		height: 100px;
		padding-top: 150px;
		padding-bottom: 150px;
		text-align: center;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#BtnPrev{
		width: 90px;
		height: 90px;
		display:inline-block;
		margin-right: 200px;
		background:  url("/Assets/Web/Images/is_arrow_05.svg") center center no-repeat;
		background-size: 90px;
		transform: rotateY(180deg);
		text-decoration: none;
		filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(689%) hue-rotate(145deg) brightness(93%) contrast(81%);
	}
	#BtnNext{
		width: 90px;
		height: 90px;
		margin-left: 200px;
		display:inline-block;
		background:  url("/Assets/Web/Images/is_arrow_05.svg") center center no-repeat;
		background-size: 90px;
		text-decoration: none;
		filter: brightness(0) saturate(100%) invert(40%) sepia(0%) saturate(689%) hue-rotate(145deg) brightness(93%) contrast(81%);
	}
	#BtnBack{
		width: 90px;
		height: 90px;
		display:inline-block;
		background: #FFF;
		border-radius: 50%;
		font-size: 20px;
		font-weight: 200;
		text-align: center;
		line-height: 90px;
		text-decoration: none;
		color: #000;
	}
	
	#BtnBack1{
		width: 19px;
		height: 60px;	
		padding-top: 50px;
		font-size: 18px;
		color: #a8a8a8;
		
		writing-mode: vertical-rl;
  		text-orientation: upright;
		letter-spacing: 0.2px;
		background: url("/Assets/Web/Images/NewsDetail/Back.png") top center no-repeat;
		position: absolute;
		margin-left: 130px;
		margin-top: 1000px;
		
	}
	#FooterLine{
		width: calc(100% - 160px);
		max-width: 1760px;
		min-width: 1300px;
		height: 1px;
		background: #c7c3bc;
		margin: 0 auto;
		margin-bottom: 200px;
	}
	.PageNull{
		filter: brightness(0) saturate(100%) invert(87%) sepia(0%) saturate(562%) hue-rotate(231deg) brightness(99%) contrast(83%);
	}
	
	
}