@charset "utf-8";
/*----------------------------------------------------------------------------------------------------
	立面+平面共用
----------------------------------------------------------------------------------------------------*/

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

.content_all {
	display:block;
}

.content_all_sp {
	display:none;
}

.white_bg {
	position:fixed;
	left:204px;
	top:0;
	bottom:0;
	z-index:1;
	}	


	
#content {
	width:100%;
	height:100%;
	float:left;
	}



.menu_elevation {
	width:60px;
	position: fixed;
	height:100%;
	background: white;
	border: 1px solid #CACACA;
	border-top: none;
	-webkit-box-shadow: 0px 0px 3px 1px #ebebeb;
	-moz-box-shadow: 0px 0px 3px 1px #ebebeb;
	box-shadow: 0px 0px 3px 1px #ebebeb;
	}

.menu_elevation ul {
	width:60px;
	margin: 0 auto;
	}

.menu_elevation ul li{
	float: left;
	width: 60px;
	text-align: center;
	}

.menu_elevation ul li a {
	line-height: 40px;
	font-size: 16px;
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #515151;
	font-weight:700;
	}

/*滑入顏色*/
.menu_elevation .current a {
  color: #edd900;
}

#paragraph1 img {
	width:100%;
	height:100%;
	}

#paragraph2 img  {
	width:100%;
	height:100%;
	}
	
#paragraph3 img  {
	width:100%;
	height:100%;
	}

#paragraph4 img  {
	width:100%;
	height:100%;
	}

#paragraph5 img  {
	width:100%;
	height:100%;
	}

#paragraph6 img  {
	width:100%;
	height:100%;
	}

#paragraph7 img  {
	width:100%;
	height:100%;
	}


.current a {

  padding:2px;
}

.section p:last-child {
  margin-bottom: 0;
}

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

}


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

}

@media screen and (max-width: 800px) { 
.white_bg {
	width:60px;
	height:100%;
	position:fixed;
	left:180px;
	top:0;
	bottom:0;
	z-index:1;
	
	}
}



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

.white_bg { 
	width:60px;
	position:fixed;
	top:50px;
	left:0;
	}


}


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

.content_all {
	display:none;
	}

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

.white_bg_sp {
	padding:10px;
	margin:60px 0 0 0;
	line-height:20px;
	/*background:rgba(233,217,0,1);*/
	}

.white_bg_sp p {
	margin:15px 0;
	}

.white_bg_sp img {
	width:100%;
	}

.white_bg_sp h3 {
	font-weight:700;
	margin:25px 0 0 0;
	border-bottom:1px solid #ccc;
	}



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



	
}

/* Tablet */
@media screen and (min-width:641px) and (max-width:799px){
.white_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){
	
}