.news-container{
	display:block;
	width:100%;
	max-width:1285px;
	margin:0 auto;
	text-align:center;
	}
	.top-news{
		display:inline-block;
		width:90%;
		max-width:1105px;
		background-color:#ffffff;
		box-shadow: 1px 3px 25px 8px rgba(20%,20%,20%,0.1);
		margin:5% auto;
		}
		.top-news ul{
			display:table;
			width:100%;
			height:inherit;
			list-style-type:none;
			padding:0;
			margin:0;
			}
			.top-news ul li{
				display:table-cell;
				width:45%;
				height:100%;
				padding:10% 0;
				vertical-align:top;
				text-align:left;
				}
			.news-top-pic{
				display:block;
				width:100%;
				max-width:553px;
				}
			.top-news ul li:first-child{ width:50%;}	
			.top-news ul li:nth-child(2){
				width:80%;
				padding:10%;
				}
			.top-news ul li:last-child{
				min-width:45px;
				position:relative;
				padding:0 5px;
                height:100%;
				background-color:#F7F7F7;
				} 
			.top-news ul li:last-child label{
				display:block;
				position:absolute;
				bottom:100px;
				left:27px;
				width:190px;
				font-family: 'Open Sans', Helvetica, Arial, sans-serif;
				color:#D4D4D4; 
				font-size:17px;
				line-height:17px;
				font-weight:600;
				z-index:9;				
				-moz-transform: translateX(-50%) rotate(-90deg);
				-ms-transform: translateX(-50%) rotate(-90deg);
				-webkit-transform: translateX(-50%) rotate(-90deg);
				transform: translateX(-50%) rotate(-90deg); 	
				} 				
			.top-news ul li:last-child label img{
				display:inline-block;
				margin:0 7px -6px 0;
				} 
.top-news ul li .top-date{
	display:block;
	font-size:13px;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color:#CCCCCC;
	letter-spacing:1px;
	}
.top-news ul li h1{
	display:block;
	margin:10px 0 0 0;
	font-size:22px;
	line-height:120%;
	font-weight:normal;
	color:#222222;
    font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	}		
.top-news ul li p{
	display:block;
	margin:20px 0 0 0;
	font-size:14px;
	line-height:150%;
	font-weight:normal;
	color:#707070;
    font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	}	
	
.Read-more{			
	display:inline-block;		
	margin:25px 0 0 0;
	padding: 13px 40px;
	font-family: 'HYQiHei-45S', 'Microsoft YaHei',Verdana,sans-serif;
	color:#4d4d4d;		
	border:1px solid #DCDCDC;
	font-size:12px;	
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;	
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out;
	transition: 0.3s ease-out;				
	}
 .Read-more:hover{ 
	color:#ffffff;
	background-color:#C1B49F;
	border:1px solid #C1B49F;
	}	
	
				
@media screen and (max-width: 1080px) {	
	.top-news ul li,
	.top-news ul li:first-child,
	.top-news ul li:nth-child(2){ display:block;}
	.top-news ul li:last-child{	display:none; } 
		
	.top-news ul li:first-child{
		width:100%;
		padding:10% 0 0 0;
		text-align:center;
		}
.news-top-pic{ margin:0 auto; }
}

@media screen and (max-width: 632px) {			
	.top-news ul li:first-child{ padding:0;	}
	.top-news ul li h1{	font-size: calc( .9rem + 2.5vw - 8px );	}	

	.more-box{
	display:block;
	width:100%;
	text-align:center;
	 }
	.Read-more{	margin:25px auto 0 auto; }
}


/*左下方訂閱電子報begin */
.e-papper{	
	position:absolute;
	bottom:0;
	left:0;
	width:290px;
	background: rgba(0, 0, 0, .85);
	font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	z-index:10;
	}
	.e-papper-btn{
			display:block;
			width:100%;
			padding:15px 17px;
			color:#ffffff;
			font-size:12px;
			box-sizing:border-box;
			-moz-box-sizing:border-box; 
			-webkit-box-sizing:border-box; 
			cursor:pointer;
			}
			.e-papper-btn p{
				display:inline-block;
				padding:0;
				margin:0 0 0 auto;
				}	
			.e-papper-btn label{
				margin:6px 0 0 0;
				float:right;
				width:11px;
				height:2px;
				background-color:#ffffff;
				vertical-align:middle;
				}	
	.e-papper-box{
		display:block;
		width:100%;
		padding:0 17px 13px 17px;
		box-sizing:border-box;
		-moz-box-sizing:border-box; 
		-webkit-box-sizing:border-box; 
		}
	.InputBox {
		width: 96%;
		height: 35px;
		border: 1px solid #ffffff;
		background-color: #ffffff;
		margin:0 0 13px 0;
		padding:0 0 0 3%;
		border-radius:4px;
		}						
.e-papper button{
	display:block;
	width:inherit;	
	color:#fff;
	padding:10px 0 10px 0;
	border:0;
	outline:0;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	letter-spacing:3px;
	border-radius:4px;
	cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background-color:#B72324;	
	 }	 
	.e-papper button:active, 
	.e-papper button:hover{
         background-color:#C1B49F;
		 }
		 
.e-papper a,
.e-papper a:link{
	display:block;
	width:inherit;	
	color:#fff;
	padding:10px 0 10px 0;
	margin:10px 0 0 0;
	font-size:14px;
	font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;
	letter-spacing:0;
	border-radius:4px;
	cursor:pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background-color:#3B5998;
	text-align:center;
	text-decoration:none;
	 }	 
	.e-papper a:active, 
	.e-papper a:hover{
         background-color:#222222;
		 }
		 .e-papper strong{ 
			  font-size:15px;
			  font-family: "Open Sans",Helvetica,Arial,sans-serif; 
			  }
/*左下方訂閱電子報end */



/*aside begin*/
.aside-container{
	width:100%;
	max-width:960px;
	height:auto;
	margin:10% auto 0 auto;
	text-align:left;
    font-family: "Helvetica Neue", Helvetica, Arial, STHeiti, "Microsoft JhengHei", 微軟正黑體, sans-serif;	
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;	
	}

.aside-title{
	display:block;
	width:100%;
	height:auto;
	margin:0 0 55px 0;
	color:#222222;
    font-size:36px;
	font-weight:normal;
	line-height:130%;
	font-weight:600;
	}
	
.aside-date{
	display:block;
	width:100%;
	height:auto;
	margin:0 0 30px 0;
	color:#999999;
	}
	.aside-date label{
		display:inline-block;
		font-size:14px;
		letter-spacing: 1px;
		margin:0 3px 0 0;
		}	
	.aside-date span{
		display:inline-block;
		font: 400 14px 'Open Sans Condensed','Helvetica Narrow',arial,helvetica,sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin:0 0 0 5px;
		}

.aside-content{
	display:block;
	width:100%;
	height:auto;
    font-family: 'HYQiHei-45S', 'Microsoft YaHei', Helvetica,Hiragino Sans GB;
    font-size:17px;
	color:#777777;
	letter-spacing:1px;
	line-height:190%;
	margin:60px 0;
	}
	.aside-content a:link { 
	   color: #478382;
	   text-decoration: none;
	   border-bottom:1px solid #478382;
	   font-size:17px;
	   }
	.aside-content a:visited {color: #478382;} 
	.aside-content a:hover {color: #222222;}
	
.aside-content strong,
.aside-content b{
	font-size:27px;
	color:#333333;	
	}

.note{
	display:block;
	width:100%;
	text-align:center;
	color:#666; 
    font-size:15px;
	margin:15px 0;
    }
.aside-pic{
	display:block;
	width:100%;
	max-width:960px;
	}
/*news end*/

 @media screen and (max-width: 865px) {
	  .aside-container{width:90%; }  
	  .aside-title{ 
		font-size: 6vw;
		margin:0 0 5% 0;
		}
	  .aside-container{	margin:10% auto 0 auto;	}
	.aside-date{ margin:0 0 5% 0;}
			
} 
 @media screen and (max-width: 700px) { 
 .aside-pic{width:100%; }  
 
}
 @media screen and (max-width: 480px) { 
	 .aside-container{ width:88%; } 
	 .EnTitle{ font-size:18px;}  
	 .aside-content{
		margin:30px 0;
		line-height:160%;
		}  
  }  
 
.fb-share-like{
	display:block;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding:0 0 50px 0;
	text-align:center;
	}
@media screen and (max-width: 768px) {	
.fb-share-like{	padding:5%; }
} 

.NextType a { padding: 15px 28px; }