@charset "utf-8";
/*----------------------------------------------------------------------------------------------------
	設計概念+地位置理+建築工法共用
----------------------------------------------------------------------------------------------------*/


/*取消高度無效*/
html, body{ margin:0; height:100%; 
    }

.content_all {
	display:block;
	}

.content_all_sp {
	display:none;
	}
	
/*設計概念-顯示大尺寸地圖*/
#bg_design {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
}

#bg_design img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

/*地理位置-顯示大尺寸地圖*/
#bg_location {
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
	display:block;
}

#bg_location img {
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}


/*隱藏小尺寸地圖*/
#bg_location_sp {
	display:none;
	}


.yellow_bg {
	width:180px;
	height:100%;
	position:fixed;
	left:204px;
	top:0;
	bottom:0;
	background: rgba(233,217,0,0.8);
	z-index:1;
	padding:10px;
	
	}

.yellow_bg p {
	margin:10px 0;
	line-height:20px;
	font-size:12px;
	}

.yellow_bg h3 {
	color:#FFF;
	font-weight:600;
	margin:15px 0 0 0;
	}
	
	
.location_bg {
	width:180px;
	height:100%;
	position:fixed;
	left:204px;
	top:0;
	bottom:0;
	background: rgba(233,217,0,0.8);
	z-index:1;
	padding:10px;
	
	}

.location_bg p {
	margin:10px 0;
	line-height:20px;
	font-size:12px;
	}




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

}


/* 1024 以下 */
@media screen and (max-width:879px){

}

@media screen and (max-width: 800px) { 
.yellow_bg {
	width:180px;
	height:100%;
	position:fixed;
	left:180px;
	top:0;
	bottom:0;
	background: rgba(233,217,0,0.8);
	z-index:1;
	
	padding:10px;
	
	}


.yellow_bg p {
	margin:2px 0;
	line-height:15px;
	font-size:12px;
	}

.yellow_bg h3 {
	color:#FFF;
	font-weight:600;
	margin:10px 0 0 0;
	}
	


}



/* 800以下 */
@media screen and (max-width:640px){

.yellow_bg { 
	width:180px;
	position:fixed;
	top:50px;
	left:0;
	background: rgba(233,217,0,0.8);
	}

.yellow_bg p {
	margin:10px 0;
	line-height:18px;
	font-size:11px;
	}


}


/* Landscape*/
@media screen and (min-width:320px) and (max-width:639px){

.content_all {
	display:none;
	}

/*設計概念+地理位置+建築工法--共用*/
.content_all_sp {
	display:block;
	}

.yellow_bg_sp {
	padding:10px;
	margin:60px 0 0 0;
	line-height:20px;
	}

.yellow_bg_sp p {
	margin:15px 0;
	}

.yellow_bg_sp img {
	width:100%;
	}

.yellow_bg_sp h3 {
	font-weight:700;
	margin:25px 0 0 0;
	}



/*設計概念+地理位置+建築工法--END*/



	
}

/* Tablet */
@media screen and (min-width:641px) and (max-width:799px){
.yellow_bg {
	margin:0 0 0 25px;
	}	
	
}


/* 平板主頁內容 */
@media screen and (min-width:801px) and (max-width:1023px){
	
	
}

@media screen and (min-width:1025px) and (max-width:1150px){ 


}

@media screen and (min-width:1151px) and (max-width:1800px){ 


}

/* 解析度1920以上專用 */

@media screen and (min-width:1801px) and (max-width:2560px){

}

/*大尺寸電腦螢幕*/

@media screen and (min-width:2561px) and (max-width:3200px){
	
}