/* ======================================
	Media Queries
====================================================================================================================================== */




@media only screen and (max-width: 992px) {

	/*###### gbe02-欄模組-有區間*/
	.four-cols-list > li{ width:calc( 100% / 3 ); }
	.six-cols-list > li{ width:calc( 100% / 3 ); }
	
	
	/*========== common04.首頁 ==========*/
	
	.header-top-line .inner-area , .header-main-line .inner-area{ padding:0 15px; }
	
	/*###### gbe04-語系 logo 按鈕 列*/
	/*.header-top-flex > .flex-left{ order:3; width:110px; }
	.header-top-flex > .flex-center{ order:2; width:calc( 100% - 230px ); margin:0 5px; }
	.header-top-flex > .flex-right{ order:1; width:110px; }*/
	.header-top-flex > .flex-left{ order:3; width:70px; }
	.header-top-flex > .flex-center{ order:1; width:110px; margin:0 10px 0 0; }
	.header-top-flex > .flex-right{ order:2; width:calc( 100% - 190px ); }

	.header-main-line{ display:none; }
	
	.language-area{ display:none; }
	
	.logo{ max-width:100px; }
	
	
	
	/*========== globe05.小螢幕選單 ==========*/
	.menu-trigger{ position:relative; display:block; }
	
	.menu-toggle-area{ display:block; }
	.menu-toggle-area.opened{ 
		-webkit-transform: translateX(-300px);
		-moz-transform: translateX(-300px);
		-ms-transform: translateX(-300px);
		-o-transform: translateX(-300px);
		transform: translateX(-300px);
	}
	
	.page-overlay{
		display:none; 
		position:fixed;
		z-index:996;
		top:0;
		left:0; 
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.5);
		overflow:hidden;
		cursor:pointer;
	}
	.page-overlay.opened{ display:block; }

	body.overflow-hidden { overflow: hidden; }
	
	

	/*========== globe06.頁尾footer ==========*/
	.footer-bottom-line{ padding:30px 0; }
	.web-designer{ position:relative; top:auto; right:auto; margin-top:15px; display:block; text-align:center; }
		



	/*###### cmn01-回頁首*/
	.scrolltop{ bottom: 110px; }


	/*========== common01.主頁與詳細頁-共同設定 ==========*/
	.btn-bar.header-join{ /*text-align:left;*/ }
	.btn-bg-join{ padding:10px 10px; }
	.btn-bg-join .text{ font-size:16px; }

	
	/*###### cmn01-內頁主內容區-左右頁面布局*/
	.sidebar-flex-left{ display:none; }
	.sidebar-flex-right{ width:100%; }





	/*========== module07.申請加入 ==========*/
	
	/*單選*/
	.choose-item{ width:100%; margin-right:0; }	
			
}


@media only screen and (max-width: 768px) {
	
	/*###### gbe02-欄模組-有區間*/
	.three-cols-list > li{ width:calc( 100% / 2 ); }
	.four-cols-list > li{ width:calc( 100% / 2 ); }
	.five-cols-list > li{ width:calc( 100% / 2 ); }
	.six-cols-list > li{ width:calc( 100% / 2 ); }


	/*###### cmn04- 環境 地理 開發案*/
	.idx-loaction{ padding-bottom:170px; }
	.idx-loaction:before{ height:120px; }
	.idx-loaction:after{ top:120px; width:960px; height:200px; margin-left:-480px; }

	.idx-location-list li:nth-child(2){ padding-top:60px; }
	.idx-location-list li:nth-child(3){ padding-top:30px; }



	/*========== globe06.頁尾footer ==========*/
	.footer:before{ width:960px; height:110px; margin-top:-110px; margin-left:-480px; }

	/*###### gbe06-footer-logo*/
	.footer-logo{ max-width:400px; }



	/*###### cmn01-首頁 申請加入 按鈕*/
	.btn-bar.idx-join{ margin-top:50px; }
	
	/*###### cmn01-內頁*/
	.page-wrap{ padding-bottom:100px; }


	/*###### cmn01-內頁banner*/
	.banner-heading-area{ display:none; }


	/*###### cmn01-導覽路徑*/
	.breadcrumb{ text-align:center; }



	/*###### cmn04- 關於國家*/
	.idx-about{ padding:20px 0 50px 0; }


	/*========== module02.最新公告 ==========*/
	.news-card .card-flex > .flex-left{ width:30%; }
	.news-card .card-flex > .flex-right{ width:70%; }



	/*========== module06.聯絡我們 ==========*/
	.contact-form-list > li{ width:100%; margin-right:0; }



}

@media only screen and (max-width: 640px) {
	
	
	/*###### cmn04- 環境 地理 開發案*/
	/*.idx-location-list{ max-width:300px; margin:0 auto; }*/
	.idx-location-list li{ width:50%; margin:10px 0; }
	.idx-location-list li:nth-child(2){ padding-top:0; }
	.idx-location-list li:nth-child(3){ padding-top:0; }
	


	/*========== module02.最新公告 ==========*/
	.news-card .card-flex > .flex-left{ width:100%; }
	.news-card .card-flex > .flex-right{ width:100%; }
	
	.news-card .card-photo-frame{ max-width:400px; margin:0 auto 15px auto; }
		
	
	
	/*========== module06.聯絡我們 ==========*/
	.contact-info-flex .flex-left{ width:100%; margin-bottom:30px; }
	.contact-info-flex .flex-right{ width:100%; }
	
	.form-bar .form-bar-left{ width:100%; margin-bottom:8px; }
	.form-bar .form-bar-right{ width:100%; }



	.btn-bg-join{
		max-width:100px;
	}

	
}

@media only screen and (max-width: 480px) {

	/*###### gbe02-欄模組-有區間*/
	.two-cols-list > li{ width:100%; }
	.three-cols-list > li{ width:100%; }
	.four-cols-list > li{ width:100%; }
	.five-cols-list > li{ width:100%; }
	.six-cols-list > li{ width:100%; }
	

	/*###### cmn04- 環境 地理 開發案*/
	.idx-location-list{ max-width:300px; margin:0 auto; }
	.idx-location-list li{ width:100%; }
	
	
	.link-list li{ width:50%; }
	
}

@media only screen and (max-width: 360px) {
}