/*** Menu ***/
img{
 	max-width:100%; 	
}
.blogDeviceDisplay{
	display:block;
}
.galleryMenu{
	display:none;
}
.blogBtn{
	width:91px;
	margin-top:8%;
	margin-bottom:5%;
	}
.blog_table{
	border:2px solid #EDEDED;
	border-collapse: collapse;
}
.blog_table_td{
	border-right:2px solid #EDEDED;
}
.blog_table_td:hover{
	border-bottom:3px solid #595857;
}
.blog_menu{
	font-size:1.1em;
	color:#595857;
	font-family:DFHeiStd-w3;	
}
.blog_menu_02{
	font-size:1.1em;
	color:#595857;
	font-family:Rounded_Elegance;	
}
.queryImg{
	vertical-align:middle;
	cursor:pointer;
	width:81px;
	/*height:60%;*/
}
/***end Menu ***/

/*SEARCH*/
/*.searchText{	
	font-size:1em;
	font-family:DFHeiStd-w3;	
}*/
.searchText{	
	font-size:1em;
	font-family:DFHeiStd-w3;
	height:90%;	
	border-color:transparent;
	width:70%;
}
.searchBtn{	
	cursor:pointer;
	font-size:0.9em;
	border-radius: 7px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	color:#595857;
	font-family:DFHeiStd-w3;		
	padding: 8px 10px 8px 10px;/*上 右 下 左*/
	transition: all 0.2s ease;	
}
.searchBtn:hover{
	background-color: #EDEDED;		
}
/*** 表格 ***/
.blog_table_content{
	border-bottom:#EDEDED 2px solid;
	border-left:#EDEDED 2px solid;
	border-right:#EDEDED 2px solid;
	border-collapse: collapse;
}
.blog_table_content_td{
	border-bottom:#EDEDED 2px solid;
}
.blog_left{
	margin:2% 5% 2% 5%;
}
.blog_middle{
	margin:2% 5% 2% 5%;

}
.blog_right{
	margin:2% 5% 2% 5%;

}
/***end 表格 ***/
/*** 日期 ***/
.blog_date_left{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:2% 0% 5% 0%;
}
.blog_date_middle{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:2% 1% 5% 1%;
}
.blog_date_right{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:2% 0% 5% 0%;
}
/***end 日期 ***/
/*** 圖片 ***/
.img_left{
	position: relative;
	text-align:left;
}
.img_middle{
	position: relative;
	text-align:center;
}
.img_right{
	position: relative;
}
/***end 圖片 ***/

/*** 圖片標題 ***/
.topic_left{
	position: relative;
	font-size:1.2em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:5% 0% 2% 0%;
}
.topic_middle{
	position: relative;
	font-size:1.2em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:5% 1% 2% 1%;
}
.topic_right{
	position: relative;
	font-size:1.2em;
	color:#595857;
	font-family:DFHeiStd-w5;	
	padding:5% 0% 2% 0%;
}
/***end 圖片標題 ***/

/*** 文章分類 ***/
.category_left{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w3;	
	padding:1% 0% 2% 0%;
}
.category_middle{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w3;	
	padding:1% 1% 2% 1%;
}
.category_right{
	position: relative;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w3;	
	padding:1% 0% 2% 0%;
}
/***end 文章分類 ***/

/*** LOAD MORE ***/
.blog_readmore{
	margin:10% 0% 10% 0%;
	font-size:1.2em;
	color:#595857;
	font-family:DFHeiStd-w3;
	letter-spacing:20px;	
	height:50px;		
	width:100%;		
}
/***end LOAD MORE ***/

/***blog article***/

/******中間顯示改用table*****/
.font_date{
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w5;	
}
.font_theme{
	font-size:1.2em;
	color:#595857;
	font-family:DFHeiStd-w5;	
}
.font_kind{
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w3;
	padding:0px 3px 3px 8px;	
}
.font_click_rate{
	font-size:1.1em;
	color:#595857;
	font-family:DFHeiStd-w5;	
}
/************/

/*** 表格 ***/
.blog_article_table_content{
	border-left:#EDEDED 2px solid;
	border-right:#EDEDED 2px solid;
	border-collapse: collapse;
}
.blog_article_table_content td{

	border:#EDEDED 2px solid;

	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w3;
}
/***end 表格 ***/

/*** 文章標題 ***/
.blog_top{
	position: relative;
	margin:0% 0% 0% 8%;
}
.blog_top_category{
	position: relative;
	float:left;
	font-size:1em;
	padding: 2% 0% 0% 0%;
}
.blog_top_date{
	position:absolute;
	right:0;
	font-size:1em;
	color:#595857;
	font-family:DFHeiStd-w7;	
	padding: 2% 3% 0% 0%;
}
.blog_top_title{
	padding: 6% 0% 0% 0%;
	font-size:1.4em;
	text-align:left;
}
.blog_top_close{	
	font-size:1.1em;
	color:#595857;	
	font-family:Rounded_Elegance;	
	cursor:pointer;	
}
.blog_top_click_rate{		
	padding-right:2%;
	padding-bottom:2%;	
}
/***end 文章標題 ***/

/*** 文章內容 ***/
.blog_article{
	margin:2% 2% 2% 8%;
	line-height:200%;
	font-size:1.08em;
}
.blog_article_img{
	margin:2% 2% 2% 0%;
	padding: 5% 0% 5% 0%;
	text-align:center;
}
/***end 文章內容 ***/

/*** 底部社群連結 ***/
.blog_article_bottom{
	position: relative;
	margin: 15% 0% 0% 8%;
}
.blog_article_bottom_previous{
	position:absolute;
	left:0;
}
.blog_article_bottom_icon{
	position:absolute;
	right:30%;
	left:37%;
}
.blog_article_bottom_icon_f{
	position:relative;
	float:left;
	margin:0% 5% 0% 10%;
}
.blog_article_bottom_icon_t{
	position: relative;
	float:left;
	margin:1% 5% 0% 5%;
}
.blog_article_bottom_icon_g{
	position: relative;
	float:left;
	margin:1% 5% 0% 5%;
}
.blog_article_bottom_icon_i{
	position: relative;
	float:left;
	margin:0% 10% 0% 5%;
}
.blog_article_bottom_next{
	position:absolute;
	right:-3%;
}

.blog_article_fb{
	padding:10%;
	width:80%;
}
.blog_article_ig{
	/*margin: 12%;*/
	padding:10%;
	width:80%;
}
.blog_article_link{
    margin: 10% 12%;
}
/***end 底部社群連結 ***/
.page_font{
}
.page_next{
	width:4%;
	cursor:pointer;			
}
/***end blog article***/
.blog_share_font{
	letter-spacing:5px;
	font-size:1.3em;
	color:#595857;
	font-family:DFHeiStd-w3;	
}
/*1279~1024解析度*/
@media screen and (min-width: 1004px) and (max-width: 1259px){
		.queryImg{ /*SEARCH*/
			width:65px;
		}
.blogBtn{
	width:73px;

	}		
}

/*1023~921解析度*/
@media screen and (min-width: 901px) and (max-width: 1003px){
	.queryImg{ /*SEARCH*/
		width:59px;
	}
.blogBtn{
	width:65px;

	}		
@media screen and (max-device-width: 920px){
		.blogDeviceDisplay{
				display:none;
		}
		.galleryMenu{
				display:block;
				position:fixed;
				width:100%;
				z-index:98;
				background-color:#ffffff;
				margin-top: -3.7%;				
		}	
		.galleryMenu_list{
				display:none;
				border-collapse: collapse;
				background-color: #EEEEEE;
				width:100%;
				height: 600px;			
		}
		.galleryMenu_listTr{
				cursor:pointer;
				/*border-bottom:1px Solid #555555;*/
				border-bottom:1px Solid #595857;
				text-align: left;
				margin:0 8% 2% 10%;
				padding:2% 0 2% 0;			
		}	
		/******中間顯示改用table*****/
		.font_date{
			font-size:3em;
			color:#595857;
			font-family:DFHeiStd-w5;			
			padding:20px;
		}
		.font_theme{
			font-size:3.2em;
			color:#595857;
			font-family:DFHeiStd-w5;	
			padding:20px;				
		}
		.font_kind{
			font-size:2.5em;
			color:#595857;
			font-family:DFHeiStd-w3;
			padding:0px 3px 3px 15px;	
		}
		.font_click_rate{
			font-size:3.5em;
			color:#595857;
			font-family:DFHeiStd-w5;	
			padding:20px;	
		}
		/************/
		.page_font{
			font-size:3em;			
		}
		.page_next{
			width:13%;
			cursor:pointer;			
		}
		/*** 文章內容 ***/
		.blog_article{
			margin:4%;
			line-height:200%;
			font-size:1.2em;
		}
		/***end 文章內容 ***/
		/*** 文章標題 ***/
		.blog_top_click_rate{		
			padding-right:2%;
			padding-bottom:2%;	
		}
		/***end 文章標題 ***/
		.link_title{
			font-size:3.2em;
			color:#F7992B;
			font-family:DFHeiStd-w5;	
			padding:0% 0% 3% 8%;
		}
		.link_list{
			font-size:2.5em;
			color:#595857;
			font-family:DFHeiStd-w5;	
			padding:3% 3% 3% 8%;			
		}
		.searchText{	
			font-size:2em;
			font-family:DFHeiStd-w3;
			height:100%;	
			border-color:transparent;
			background:#EEEEEE;
			width:50%;
		}
}
/*@media screen and (max-width: 768px){
	.bodyTopBar{
	 display:none;
	}
	.bodyTopBar_list{
		display:block;
		padding:0 2%;
	}
	.bodyTopBar_listTable{
		display:none;
		border-collapse: collapse;
		background-color: rgba(237, 237, 237,0.3);
		width:50%;
	}
	.bodyTopBar_listTr{
		cursor:pointer;
		border-bottom:1px Solid #555555;
		padding:20px;
	}
	.bodyTopBar_list{
		display:block;
		padding:0 2%;
		padding:0%;
	}
	.bodyTopBar_listTable{
		display:none;
		border-collapse: collapse;
		background-color: #FC992B;
		rgba(237, 237, 237,0.3);
		width:100%;
		height: 660px;
	}
	.bodyTopBar_listTr{
		cursor:pointer;
		border-bottom:1px Solid #555555;
		border-bottom:1px Solid #FFFFFF;
		text-align: left;
		margin:0 15% 2% 17%;
		padding:2% 0 2% 0;
	}
	.topBackground{
		padding: 0 0 25% 0;
	}
}
@media screen and (max-device-width: 768px){
	.bodyTopBar{
	 	display:none;
	}
	.bodyTopBar_list{
		display:block;
		padding:0 2%;
	}
	.bodyTopBar_listTable{
		display:none;
		border-collapse: collapse;
		background-color: rgba(237, 237, 237,0.3);
		width:50%;
	}
	.bodyTopBar_listTr{
		cursor:pointer;
		border-bottom:1px Solid #555555;
		padding:20px;
	}
	.topBackground{
		padding: 0 0 25% 0;
	}
	.bodyTopBar_list{
		display:block;
		padding:0 2%;
		padding:0%;
	}
	.bodyTopBar_listTable{
		display:none;
		border-collapse: collapse;
		background-color: #FC992B;
		rgba(237, 237, 237,0.3);
		width:100%;
		height: 770px;
	}
	.bodyTopBar_listTr{
		cursor:pointer;
		border-bottom:1px Solid #555555;
		border-bottom:1px Solid #FFFFFF;
		text-align: left;
		margin:0 15% 2% 17%;
		padding:2% 0 2% 0;
	}
}*/