* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
		  
		  
}
img{
	vertical-align: text-bottom;
}

body {
	font-family: "Noto Sans TC", sans-serif, Arial, "Microsoft JhengHei" !important;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow-x: hidden;
	font-weight: normal;
}

.CC{
	clear:both;}
	

#Main{
	width:100%;
	}
	
.MainNaviCT{
	margin: 0 auto;
	padding:0;
	width: 100%;
	max-width: 1200px;

}


	
	
.banner{
	display: block;
}	
	
.bannerMobile{
	display:none;
	}



.IndexBannerTxt1{
	
	}
	
.IndexBannerTxt1 img{
	width:537px;
	
	}	
	
.IndexNewsBG{
	background-image: url(../img/index_news_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	text-align: center;
}

.IndexNewsCT{
	margin: 0 auto;
	padding:15px 10px;
	width: 100%;
	max-width: 1100px;
	color: #FFF;
	text-align: left;
	}

.IndexNewsTit{
	float:left;}	

.IndexNewsList{
	float: left;
	width: 100%;
	max-width:700px;
}
	
.IndexNewsList ul{
	margin: 55px 0 10px 25px;
	padding: 0px;
	
	}

.IndexNewsList ul li{
	font-size: 15px;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 25px 0px;
	line-height: 18px;
	width: 95%;
	font-weight: 100;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis; 

}	
	
.IndexNewsList ul li a{
	color: #fff;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #747474;
	padding: 0px 0px 6px 5px;
	margin:0px 0px 0px 20px;
	
}	


.IndexNewsList ul li a:hover{
	color: #CCC;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A5A5A;
	padding: 0px 0px 6px 5px;
}	

.IndexNewsList ul li span{
	background-image: url(../img/news_tag.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #FFF;
	padding: 9px 10px 0px 17px;
	width: 70px;
	height: 40px;
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	letter-spacing: 2px;
	}


.IndexNewsMore{
	float: left;
	font-size: 15px;
	text-align: right;
	width: 95%;
	padding:15px 0;
}
	
	
.IndexNewsMore a{
	color: #CCC;
}

.IndexNewsMore a:hover{
	color: #999;
}


.IndexPhotosCT{}

.IndexPhotoList{}

.IndexPhotoList ul{
	padding:0px;
	margin:0px;}

.IndexPhotoList ul li{
	padding:0px;
	margin:0px;
	float:left;
	list-style:none;
	width:calc(100%/5);}
	
	
.IndexPhotoList ul li img{
	width:100%;
	
	
	}	


.IndexPhotoMore{
	width: 100%;
	max-width:1100px;
	text-align: right;
	margin: 0 auto;
	padding:15px;
	
	}



.IndexPhotoMore a{
	color: #555;}
	
.IndexPhotoMore a:hover{
	color: #999;}	
	
.IndexAbout{
	padding: 15px;
	margin: 0 auto;
	width: 100;
	max-width: 1100px;
	text-align: left;
	
}	
	
.IndexAboutTit{
	float:left;}	
	
.IndexAboutTxt{
	float: left;
	width: 740px;
	padding: 45px 0 10px 20px;
	color: #202020;
	font-size: 15px;
	font-weight: 100;
}

.IndexAboutTxt strong{
	font-weight: 600;
}	

.IndexAboutTxt ul{
	padding: 15px 20px 0 0;
	margin: 0px;
	width:360px;
	float:left;
}

.IndexAboutTxt ul li{
	padding: 0px;
	margin: 0px  0px 10px 25px;
	list-style-type: disc;
	font-weight: 400;
}
	
.IndexAboutBt{
	padding: 20px 0 10px 0;
	margin:0 0 0 200px;
	float: left;	
	
}	
	
.IndexAboutBtList{
	width: 210px;
	font-size: 15px;
	font-weight: 300;
	color: #333;
	float:left;
	margin:0 42px 0 0;
	}			


.IndexAboutBtList img{
	width:210px;}

.IndexAboutBtList h4{
	font-size: 15px;
	font-weight: 500;
	padding:0px;
	margin:15px 0px 8px 0px;
}	


.IndexContact{
	
	padding: 45px 15px 15px 15px;
	margin: 0 auto;
	width: 100;
	max-width: 1100px;
	text-align: left;}

.IndexContactTit{
	float:left;}	
	
.IndexContactMap{
	padding: 45px 15px 15px 15px;
	float:left;}	


.IndexContactMapFrame{
	width:850px;
	height:500px;}
	


.BottomCT{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	width: 100%;
	
	}
.BottomTxt{
	max-width: 1200px;
	margin: 20px auto 25px auto;
	text-align: left;
	font-size: 15px;
	
	}
	
.BottomFollow{
	margin: 0 0 0 150px;
	width: 200px;
	display: inline-block;
	
}		
.BottomFollow a{
	display: inline-block;
	margin:0px 0px 0px 12px;
	transition: 0.5s;
}
.BottomFollow a:hover{
	transform: translateY(-2px) translateX(-2px);}
.BottomFollow img{
	width: 25px;
	margin: 0px 0px 7px 0px;
	vertical-align: middle;
}	

.BottomTxt span{
	margin: 0 45px;
	display: inline-block;
	
}

.BottomTxt span a{
	color: #333;
}
.BottomTxt span a:hover{
	color: #666;
	text-decoration: none;
}





/******ABOUT********/

.AboutBG{
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}


.AboutCT{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
	padding: 35px 0 70px 0;
	text-align: left;
	font-weight: 400;
	
}


.AboutBanner{
	float: left;
	width: 100%;
	max-width:430px;
	margin:0 20px 0 100px;
	
	}

.AboutTxt{
	float: left;
	width: 500px;
	font-size: 15px;
	font-weight: 100;
	line-height: 180%;	
	
}

.AboutTxt h1{
	font-size: 55px;
	letter-spacing: 20px;
	font-weight: 300;
	}


.AboutTxt span{
	font-size: 20px;
	letter-spacing: 2px;
	background-image: url(../img/icon_01.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 0 17px 8px 8px;
	font-style: 21;
	}

.AboutTxt ul{
	padding:0px 0 35px 45px;
	margin:0px;}
	
	
.AboutTxt ul li{
	padding: 0 0 0 18px ;
	margin: 8px 0 8px 25px;
	font-size: 15px;
	list-style-type: none;
	background-image: url(../img/icon_02.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}	

.AboutTxt h2{
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 1px;
	font-weight: 300;
	}
.AboutTxt h2 strong{
	font-size: 55px;
	font-weight: 100;
	display: inline-block;
	padding: 0px 5px 20px 5px;
	vertical-align: middle;
	line-height: 55px;
}
	
	
.AboutTxt div{
	font-size: 15px;
	line-height: 28px;
	margin:0 0 40px 10px;

	}	
	
.AboutLicense{
	width:auto;}




.AboutTxt2{
	width: 100%;
	padding: 15px 0 10px 0px;
	color: #202020;
	font-size: 15px;
	font-weight: 100;
}

.AboutTxt2 strong{
	font-weight: 600;
}	

.AboutTxt2 ul{
	padding: 15px 0 0 0;
	margin: 0px;
	width:98%;

}

.AboutTxt2 ul li{
	padding: 0px;
	margin: 0px  0px 10px 25px;
	list-style-type: disc;
	font-weight: 400;
	background-image: none;
}
	
.AboutBt{
	padding: 20px 0 10px 0;
	margin:0;
	
	
}	
	
.AboutBtList{
	width: 300px;
	font-size: 15px;
	font-weight: 300;
	color: #333;
	margin:0 ;
	}			


.AboutBtList img{
	width: 100%;}

.AboutBtList h4{
	font-size: 15px;
	font-weight: 500;
	padding:0px;
	margin:15px 0px 8px 0px;
}	






	
.PageBanner{
	display: block;
}	

.PageBannerMobile{
	display: none;
}	



/******GALLERY********/

.GalleryBG{
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}


.GalleryCT{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0 20px 0;
	text-align: left;
	font-weight: 400;
	
}



.GalleryBanner{
	float: left;
	width: 100%;
	max-width:430px;
	margin:0 0 0 100px;
	
	}

.GalleryListCT{
	float: left;
	width: 465px;	
	margin:0 0 0 50px;
}

.GalleryListCT ul{
	padding:0px;
	margin:60px 0px 0px 0px;}

.GalleryListCT ul li{
	padding:0px;
	margin:20px 0px 60px 0px;
	list-style:none;}
	
.GalleryListCT ul li a{
	transition: 0.5s;
	display: block;
	}	
	
.GalleryListCT ul li a img{
	width:456px;}

.GalleryListCT ul li a:hover{
	transform: translateY(-5px) translateX(-5px);
	}	


/************/
	
	
.GalleryPageTit{
	width: 100%;
	margin: 0 auto;	
	padding:0 15px;
	text-align: center;


}

.GalleryPageTit h1{
	font-size: 55px;
	line-height: 60px;
	font-weight: 300;
	letter-spacing: 10px;
	padding:0 ;
	margin:20px 0 0 0;
}
		
.GalleryPageTit h6{
	font-size: 15px;
	line-height: 20px;
	font-weight: 200;
	padding:0;
	margin:25px 0 0 0;
}	

.GalleryPageTit a{
	display: block;
	font-size: 15px;
	line-height: 17px;
	float: right;
	padding: 15px 10px 0 0;
	margin: 0px;
	color: #202020;
}
	
	
.GalleryPageTit a:hover{
	text-decoration: none;
}


.GalleryDetailsListCT{
	width: 100%;
	background-color: #FFF;
	padding:15px 0;
	}


.GalleryDetailsList{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	text-align: left;
} 
	
.GalleryDetailsList ul{
	padding: 0px;
	margin: 0 0 0 40px;
	width: 100%;

}



.GalleryDetailsList ul li{
	padding: 0px;
	margin: 30px;
	list-style: none;
	float: left;
	width: 320px;
	height: 320px;

	}
	
	
.GalleryDetailsList ul li a{
	transition: 0.5s;
	display: block;
	}
	
.GalleryDetailsList ul li a:hover{
transform: translateY(-5px) translateX(-5px);
	}	

.GalleryDetailsList ul li a img{
	width:100%;
	height:100%;
	
	}




/****頁碼********/

.PageNumber{
	width: 400px;
	float: right;
	text-align: right;
	
}

	
.PageNumber a{
	text-decoration: none;
	background-color: #212121;
	padding: 7px 7px 7px 7px;
	color: #FFF;
	margin: 10px 5px;
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	height: 28px;
	transition: 0.5s;
}
.PageNumber a img{
	
}

.PageNumber a:hover{
	text-decoration: none;
	background-color: #BBBBBB;


}	

		

.PageNumber a.PageNumberPrev{
	background-color: #FFF;
	
	}
	
.PageNumber a.PageNumberPrev:hover{
	background-color: #ccc;
	
	}




/******NEWS********/

.NewsBG{
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}


.NewsCT{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	text-align: left;
	font-weight: 400;
	
}


.NewsBanner{
	float: left;
	width: 100%;
	max-width:455px;
	margin:0 20px 0 70px;
	
	}

.NewsTxt{
	float: left;
	width: 650px;
	
}




.NewsList ul{
	margin: 75px 0 10px 50px;
	padding: 0px;
	
	}

.NewsList ul li{
	font-size: 15px;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	width: 99%;
	font-weight: 300;
	
	

}	
	
.NewsList ul li a{
	color: #000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #747474;
	padding: 0px 0px 3px 5px;
	margin: 4px 0px 20px 30px;
	font-size: 15px;
	line-height: 20px;
	display: inline-block;	
	width:calc(100% - 110px);
	vertical-align: top;
}	


.NewsList ul li a:hover{
	color: #666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5A5A5A;
	padding: 0px 0px 3px 5px;
}	

.NewsList ul li span{
	background-image: url(../img/news_tag.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #FFF;
	padding: 9px 10px 0px 17px;
	width: 70px;
	height: 70px;
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	letter-spacing: 2px;
	}

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

.NewsPageTit{
	width: 96%;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0px;
	text-align: left;
		
}

.NewsPageTit h1{
	font-size: 20px;
	line-height: 22px;
	font-weight: 300;
	letter-spacing: 2px;
	padding: 0px;
	margin: 60px 0px 0px 0px;
	
}
		
.NewsPageTit h6{
	font-size: 15px;
	line-height: 20px;
	font-weight: 200;
	padding:0;
	margin:25px 0 0 0;
}	



.NewsPageTit h1 span{
	background-image: url(../img/news_tag2.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #212121;
	padding: 10px 10px 0px 17px;
	margin:0 20px 0 0 ;
	width: 70px;
	height: 30px;
	display: inline-block;
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	letter-spacing: 2px;
	}



.NewsPageCT{
	width:100%;
	max-width:1100px;
	margin:20px auto 50px auto; }

.NewsPageTxt{
	float: left;
	width: 750px;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: 300;
	padding:0 0 0 0;
}


.NewsPageTxt a{
	color: #C82848;
	text-decoration: underline;
}	

.NewsPageTxt a:hover{
	text-decoration: none;
}
	
.NewsPageList{
	float:left;
	width:320px;
	text-align: left;
	padding:0 0 0 20px;;}
	
		
.NewsPageList h4{
	font-size: 20px;
	line-height: 22px;
	color: #333;
	padding:20px 0 10px 0;
	margin:0px;
	}
	
	
	
.NewsPageList h3{
	font-size: 20px;
	line-height: 22px;
	color: #777;
	padding: 20px 0 10px 0;
	margin: 0px;
	font-weight: 400;
	}
	
		
.NewsPageList ul{
	margin:0;
	padding:0;
	
	}
	
	
	
	
.NewsPageList ul li{
	font-size: 15px;
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height: 18px;
	width: 99%;
	font-weight: 300;
		
	

}	
	
.NewsPageList ul li a{
	color: #666;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
	padding: 0px 0px 3px 0px;
	margin: 6px 0px 30px 0px;
	font-size: 13px;
	line-height: 17px;
	text-align: left;
	display: block;
}	


.NewsPageList ul li a:hover{
	color: #838383;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D4D4;
}	

.NewsPageList ul li span{
	background-image: url(../img/news_tag.png);
	background-repeat: no-repeat;
	background-position: 0px 7px;
	color: #FFF;
	padding: 9px 10px 0px 17px;
	width: 70px;
	height: 30px;
	display: block;
	font-size: 15px;
	line-height: 17px;
	font-weight: 100;
	letter-spacing: 2px;
	}



.NewsPageListMore{
	text-align: right;
}

.NewsPageListMore a{
	font-size: 15px;
	color: #666;
	font-weight: 100;
}

.NewsPageListMore a:hover{
	color: #000;
	text-decoration: none;
}



	
/*******CONTACT************/

.ContactBG{
	background-image: url(../img/bg.png);
	background-repeat: repeat;
	background-position: 0px 0px;
}


.ContactCT{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0 70px 0;
	text-align: left;

	
}


.ContactBanner{
	float: left;
	width: 100%;
	max-width: 455px;
	margin: 0 0 0 60px;

	}

.ContactTxt{
	float: left;
	width: 600px;
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	color: #333;
	padding:10px 0 0 40px;
	
	
}

.ContactTxt span{

	display: inline-block;
	width: 60px;
	text-align: right;
	padding:0 ;
	margin:8px 5px 8px 0 ;
}


.ContactTxt a{
	color: #333;
}


.ContactTxt a:hover{
	color: #808080;
}


.ContactMap{
	width: 620px;
	height: 420px;
	padding: 7px;
	background-color: #fff;
	}
	
	

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


.ArticleListCt{
	float: left;
	width: 850px;
	padding:0 0 0 15px;
	
}

.ArticleListCt H2{
	font-size: 20px;
	padding: 20px 0 0px 0;
	margin: 0px;
	font-weight: 400;
	color: #777777;
	letter-spacing: 2px;
	}

.ArticleListCt ul{
	padding:0px;
	margin:0px;
	list-style:none;}

.ArticleListCt li{
	padding: 0px;
	margin: 10px 20px 20px 0;
	list-style: none;
	width: 380px;
	display: inline-block;
	vertical-align: top;
	}	
	
	
.ArticleListCt li a{
	color: #000;
	text-decoration: none;
	display: block;
	margin:10px 15px 0 0;
}


.ArticleListCt li a span{
	font-size: 13px;
	color: #666666;
	text-decoration: none;
	display: block;
	margin: 15px 0 0px 0;
	font-weight: 100;
	}
	
.ArticleListCt li a:hover{
	text-decoration: none;
	color: #09C;
	}
	
	
.ArticleListCt li a strong{
	text-decoration: underline;
	font-weight: 400;
	font-size: 15px;
	line-height: 15px;
	}
	
.ArticleListCt li a h6{
	font-size: 13px;
	color: #858585;
	padding: 0;
	margin: 0px 0 5px 10px;
	text-decoration: none;
	font-weight: normal;
	display: inline-block;
	font-weight: 100;
	}	
	
	


/****頁碼2********/

.PageNumber2{
	width: 790px;
	text-align: center;

}

	
.PageNumber2 a{
	text-decoration: none;
	background-color: #212121;
	padding: 7px 7px 7px 7px;
	color: #FFF;
	margin: 10px 5px;
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	height: 28px;
	transition: 0.5s;
}
.PageNumber2 a img{
	
}

.PageNumber2 a:hover{
	text-decoration: none;
	background-color: #BBBBBB;


}	

		

.PageNumber2 a.PageNumberPrev{
	background-color: #FFF;
	
	}
	
.PageNumber2 a.PageNumberPrev:hover{
	background-color: #ccc;
	
	}











	
.ArticleCategory{
	float: right;
	width: 320px;
	text-align: left;
	padding: 0 0 50px 20px;

}
	
		
.ArticleCategory h4{
	font-size: 20px;
	line-height: 22px;
	color: #777;
	padding: 30px 0 10px 0;
	margin: 0px;
	font-weight: 400;
	}
	
.ArticleCategory ul{
	margin:0;
	padding:0;
	
	}
	
	
	
.ArticleCategory ul li{

	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	width: 99%;

		
	

}	
	
.ArticleCategory ul li a{
	color: #000;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbb;
	padding: 20px 0px 20px 0px;
	margin: 5px 0px 5px 0px;
	font-size: 20px;
	line-height: 22px;
	text-align: left;
	display: block;
	font-weight: 400;
}	


.ArticleCategory ul li a:hover{
	color: #DF5E77;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D4D4D4;
}	

.ArticleCategory ul li a.F2{color: #DF5E77;}






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



.ArticleHotList{
	float:right;
	width:320px;
	text-align: left;
	padding:0 0 0 20px;
	clear:right;}
	
		
.ArticleHotList h4{
	font-size: 20px;
	line-height: 22px;
	color: #777;
	padding: 20px 0 30px 0;
	margin: 0px;
	font-weight: 400;
	}
	
	

		
.ArticleHotList ul{
	margin:0;
	padding:0;
	
	}
	
	
	
	
.ArticleHotList ul li{

	list-style: none;
	padding: 0px;
	margin: 0px 0px 30px 0px;
	width: 99%;
	font-weight: 300;
	
	

}	
	
.ArticleHotList ul li a{
	color: #2E2E2E;
	text-decoration: underline;
	margin: 5px 0px 0px 0px;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
}	


.ArticleHotList ul li a:hover{
	color: #838383;
	text-decoration: none;

}	


.ArticleHotList ul li a span{
	color: #666666;
	padding: 0px 0px 0px 8px;
	text-decoration: none;
	display: inline-block;
	font-size: 12px;
}	  
.ArticleHotList ul li span{
	color: #666666;
	padding: 0px 0px 5px 0px;
	font-size: 13px;
	line-height: 15px;
	font-weight: 100;
	display: block;
	}






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

.ArticlePageCT{
	width: 100%;
	max-width: 1200px;
	margin: 20px auto 50px auto;
	
}
	
	






.ArticlePageCT a{
	color: #C82848;
	text-decoration: underline;
}	

.ArticlePageCT a:hover{
	text-decoration: none;
}



.ArticleTxt{
	float: left;
	width: 820px;
	text-align: left;
	font-size: 15px;
	line-height: 180%;
	font-weight: 300;
	padding: 0 0 0 20px;

}



.ArticleTxt a{
	color: #C82848;
	text-decoration: underline;
}	

.ArticleTxt a:hover{
	text-decoration: none;
}


.ArticleTxt img{
	max-width:100%;
	height:auto;}


.ArticleDate{
	text-align: left;
	font-size: 13px;
	color: #666;
	line-height: 25px;
	font-weight: 100;
	width: 200px;
	padding: 20px 0 20px 0;

}

.ArticleDate a{
	color: #666;
}

.ArticleDate a:hover{
	color: #666;
	text-decoration: none;
}



	
@media (max-width: 1280px){	


	
	
.IndexBannerTxt1 img{
	width:350px;
	
	}	
	

.GalleryDetailsList ul{

	margin: 0 0 0 0;
	

}
	
	
.ContactMap{
	width:97%;}		
	


		
	
	
		
}

@media (max-width: 1024px){	


	
	
.AboutBanner{
	margin: 0 10px 0 20px;

	}
	
.GalleryBanner{

	margin:0 0 0 10px;
	
	}
			
	
.GalleryListCT{
	
	margin: 0 0 0 50px;
	
}

	
	
.GalleryDetailsList ul{
	margin: 0 0 0 0;

	
}
.GalleryDetailsList ul li{
	margin: 15px;
	width:calc(90%/3);
	height:auto;

	}
	
.NewsBanner{
	margin: 0 10px 0 10px;

	}		
	
.NewsTxt{
	width: 400px;
	
}
	
.NewsPageTxt{
	width: 600px;
	padding:0 20px 0 20px;
	
}	

.ContactBanner{
	margin: 0 10px 0 10px;
	
	}
.ContactTxt{	
	width: 500px;
	padding:10px 0 0 10px;
	
}



.ArticleListCt{
	width: 650px;

	
}


.ArticleListCt li{
	width: 49%;
	margin: 10px 0px 15px 0;

	}	
	
	


.ArticleListCt li a img{
	width:99%;}
	
	
.PageNumber2{
	width: 95%;


}	
	
	


.ArticleTxt{
	width: 650px;
	

}
	
	
	

}




@media (max-width: 1002px){	

.IndexPhotoList ul li{

	width:calc(100%/3);}
	
	
.GalleryDetailsList ul{
	margin: 0 0 0 40px;

	
}

.GalleryDetailsList ul li{
	margin: 15px;
	width:calc(80%/3);

	}
	
	


.ArticleListCt{
	width: 99%;

	
}


.ArticleListCt li{
	width: 100%;
	margin: 10px 0px 15px 0;

	}	
	
	


.ArticleListCt li a img{
	width:99%;}
	
	
.ArticleCategory{

	width: 98%;
	padding: 20px 0 50px 20px;

}	
	
	
.ArticleHotList{

	width: 98%;

	padding:0 0 0 20px;}	
	
	

.ArticleTxt{
	width: 95%;
	

}
	
	
	
}


@media (max-width: 768px){	




.banner{
	
	display:none;
}	
	
.bannerMobile{
	display: block;
	}
	
.IndexBannerTxt1 img{
	width:300px;
	
	}	
	



.IndexNewsList ul{
	margin: 25px 0 10px 10px;
	padding: 0px;
	
	}

.IndexPhotoList ul li{

	width:calc(100%/2);}

/*****手機板第四個之後不要出現*****/
.IndexPhotoList ul li:nth-child(n+5):nth-child(-n+8){

display:none;}



.IndexNewsMore{
	width: 95%;

}
	
	
.IndexAboutTxt{
	width: 100%;
	padding: 25px 0 10px 10px;
	
	}	

.IndexAboutTxt ul{
	padding: 0px 40px 0 0;
	width: 100%;

}

.IndexAboutTxt ul li{
	margin: 0px  0px 10px 18px;
	width:100%;
}

.IndexAboutBt{
	padding: 20px 0 10px 0;
	margin:0 0 0 10px;
	
	
}


.IndexAboutBtList{
	width: 95%;
	margin:15px 0px 25px 0;
	}
	
.IndexAboutBtList img{
	width: 100%;}		
	
	
.IndexContact{
	padding: 45px 5px 15px 5px;

}	

.IndexContactTit{
	float:none;}	

.IndexContactMap{
	padding: 25px 5px 15px 5px;
	
	float:none;
	}	
.IndexContactMapFrame{
	width:100%;
	height:500px;}
	
	
.BottomFollow{
	margin: 0 0 0 20px;
	width: 90%;


}


.BottomTxt span{
	margin: 3px 20px;

	
}




.AboutCT{

	padding: 15px 0 70px 0;

	
}



.AboutTxt h1{
	font-size: 35px;
	letter-spacing: 10px;
	font-weight: 400;
	}
.AboutTxt h2{
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 2px;
}
	
	
	
.AboutTxt h2 strong{
	font-size: 25px;
	padding: 0px 0px 10px 0px;
	line-height: 25px;
}

.AboutBanner{
	width: 100%;
	float: left;

	margin:0 0px 0 0px;
}
.AboutBanner img{
	width: 95%;
	}






.PageBanner{
	display: none;
}	

.PageBannerMobile{
	display: block;
}	

.AboutTxt{
	float: left;
	width: 100%;
	padding:0 0 0 20px;
	margin:-10px 0 0 0 ;}

.AboutTxt ul{
	width: 95%;
	padding:0px 0 35px 40px;
	font-weight: 300;
	
	}
	
.AboutTxt ul li{
	font-size: 13px;}	
.AboutTxt div{
	font-size: 15px;
	line-height: 28px;
	margin:0 0 40px 0px;
	font-weight: 300;

	}	

.AboutLicense{
	width:95%;}	
	
	
.AboutBtList{
	width: 90%;

	}	

.AboutBtList img{
	width: 95%;}


.AboutTxt img{
	width:95%;}


.AboutTxt2{
	width: 95%;

}

.AboutTxt2 ul{
	padding: 15px 0 0 0;
	margin: 0px;


}
	
.AboutTxt2 ul li{

	margin: 0px  0px 10px 15px;


}	
	
	
	
	
	
.GalleryBanner{
	width: 100%;
	}
	
.GalleryBanner img{

	width: 95%;

	
	}	
	
	
.GalleryListCT{

	width: 95%;	
	margin:0 0 0 20px;
}	
	
.GalleryListCT ul{
	margin:20px 0px 0px 0px;
	}	
	
.GalleryListCT ul li{

	margin:20px 0px 40px 0px;
}
	
	
	
.GalleryListCT ul li a img{
	width:95%;
	}	
	
.GalleryPageTit a{
	padding: 15px 0px 0 0;

}	




.GalleryDetailsList ul{
	margin: 0 0 0 0px;

	
}


.GalleryDetailsList ul li{
	margin: 20px 10px;
	width:calc(88%/2);

	}

.NewsBanner{
	width: 95%;
	margin:0px;
	
	}	

.NewsBanner img{
	width: 100%;

	}		
.NewsTxt{
	width: 95%;
	
}




.NewsList ul{
	margin: 15px 0 10px 20px;
	
	
	}


.NewsList ul li a{
	margin: 4px 0px 20px 10px;
	width: calc(100% - 90px);
	font-weight: 400;
	font-size: 15px;
}	


.NewsPageTit{
	width: 90%;

	
}
	

.NewsPageTit h1{
	font-size: 18px;
	line-height: 25px;
	font-weight: 500;
	letter-spacing: 0px;
	margin: 30px 0px 0px 0px;
	
}	



.NewsPageTit h1 span{
font-weight: 500;
	height: 40px;
	margin:0 5px 0 0 ;

	}

.NewsPageTxt{
	width:99%;
}
	
.NewsPageTxt img{
	width:90%;
	height:auto;}	
	



.NewsPageList{
	margin:45px 0 0 0 ;
	width:95%;}
	
.NewsPageList ul li a{
	font-size: 15px;}	
	
	
.NewsPageListMore a{

	font-weight: 400;
}	
	
	
	



.ContactBanner{
	width: 90%;
	margin: 0 0 0 10px;
	
	}	

.ContactBanner img{
	width: 100%;

	}
	

.ContactTxt{	
	width: 100%;
	font-size: 15px;
	line-height: 25px;
	padding:10px 15px 0 15px;
	
}

		
.ContactMap{
	width:100%;}	
	
		
}




@media (max-width: 320px){	

.AboutTxt h2{
	font-size: 13px;
	font-weight: 400;
	letter-spacing: 2px;
	
}
	
	
	
.AboutTxt h2 strong{
	font-size: 15px;
	padding: 0px 0px 10px 0px;
	line-height: 15px;
}

.AboutTxt div{
	font-size: 13px;
	line-height: 22px;
	margin:0 0 70px 0px;
	font-weight: 300;

	}	

}