.hr{
	margin: 0px auto;
	width: 98%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
/********ShowHouse***********/
.ul_01 {
	padding: 0px;
	margin: 0px;
}
.ul_01 li {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 1px dashed #DADADA;
}
.ul_01 a {
	color: #01679c;
}
.ul_01_link {
	cursor: pointer;
	color: #006779 !important;
}

.ul_02 {
	position: relative;
}
.ul_03 {
	width: 100px;
	height: 75px;
	margin: 3px 10px 0 5px;
	float: left;
	background-color: #848484;
}
.ul_04 {
	padding: 0px;
	margin: 0px;
}
.ul_04 li {
	line-height: 18px;
	font-size: 12px;
	list-style-type: none;
	height: 18px;
	color: #5A5A5A;
	border-style: none;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0px;
}
.ul_05 {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	color: #006600!important;
	font-size: 18px!important;
	font-weight: bolder!important;
}
.ul_06 {
	z-index: 20px;
	position: absolute;
	right: 5px;
	bottom: -2px;
	color: #DC0003;
	font-size: 20px;
}
/*****************聯絡資訊**********************/
.wrap #contact-nav ul li a {
	color: #656464;
}

.wrap #contact-nav ul li a i {
	background-color: #00A03C;
}
/*****************HOUSE**********************/
.orderfunction {
	padding-top: 10px;
	width: 49%;
	float: right;
	padding-left: 20px;
	
	
}
.orderfunction .bg{
	background-color:#FFFFFF;
	margin: 5px;
	padding: 5px;
}

.orderfunction .bg > p {
	color: #000000;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	clear: both;
}
.orderfunction .bg .item-name{
	color:#FFFFFF;
	background-color:#009437;
	padding: 5px;
	height: 30px;
	width: 19%;
	line-height: 30px;
	float: left;
	text-align: center;
}
.orderfunction .bg  .item-say{
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
	height: 30px;
	width: 74%;
	line-height: 30px;
	float: left;
}
.orderfunction h1 {
	color: #009437;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #CCCCCC;
	padding-left: 10px;
	padding-top: 10px;
}


.orderfunction .price-detail p {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16pt;
	color: #E60012;
	font-weight: bold;
}

.orderfunction .price-detail p span {
	font-size: 16pt;
	color:  #E60012;
	font-weight: bold;
}

.orderfunction .price-detail p span.money-sale {
	text-decoration: line-through;
	font-weight: normal;
}



.orderfunction hr {
width:80%;
}

.orderfunction  paa {
	margin: 5px 0 15px;
	color: #000000;
	border: 1px dashed #999999;
}
.orderfunction  p span{
	margin-right: 20px;
	
}

.orderfunction article {
	line-height: 170%;

	color: #807F83;
}



#appdon{

	background: rgba(0, 0, 0, 0.7);
	top:0px;

	position:fixed;
	width:100%;
	height:60px;
	text-align:center;
	color:#FFFFFF;
	z-index: 9999!important;
}



#appdon a{
	color:#FFFFFF;
}

/*******************************************/
#menubar{
background-color: #009437;
font-size:19px; 
text-align:center; 
color:#FFFFFF;
height: 50px;
}
#menubar a {
	color: #FFFFFF;
}






header .nav-func {
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 8px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #009437;
}





header .left-func {

	width: 50px;
	height: 50px;
	position: absolute;
	top: 8px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #009437;
}

header .left-func {
	top: 0px;
	position: relative;

	margin: 2px;
	cursor:pointer
}
header .left-func {
	top: 0px;
	position: relative;

	margin: 2px;
	cursor:pointer
}






.footbar {
	bottom: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 100;
	margin: 0px auto;
	background-color: #003F98;
	/*opacity:0.65;*/
	/*display:none;*/
}

.footbar td{
	text-align: center;
	width:14.5%;
	color:red;
}
.footbar td:nth-child(even){ 
/*  background-color: #FFFFFF;*/
}

footer {
	background-color:  #57FF96;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}


footer section{
	padding: 30px;
}
footer .quick-menu {
	width: 30%;
	float: left;
}
footer .quick-menu ul {
	overflow: hidden;
}

footer .quick-menu ul li {
	line-height: 35px;
	font-size: 16px;
	color: #595757;
	float: left;
}
footer .quick-menu p , h2{
	color: #595757;

	font-family: "微軟正黑體";
	font-weight: normal;
	font-variant: normal;
}

footer .quick-menu a,a:link, a:visited ,a:hover{
	color:  #595757;
	font-weight: normal;
	text-decoration: none;
}

#ip{
	
	clear: both;
	width: 100%;
	margin-left:40%;
	margin-bottom: 20px;
	text-align: center!important;
}


#mesw ul a {
    text-decoration: none;
	color:#5C5C5C;
}


.newsH2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A03C;
	margin-bottom: 10px;
	color: #00A03C;
	font-size:22px;
	font-weight: bolder;
	line-height: 40px;
}

.newstxt{
	font-size: 18px;
	color: #003F98;
	margin-top: 10px;
}
.newstxt a, a:link, a:visited ,a:hover{
	color: #008cd6;
	font-weight: normal;
	text-decoration: none;
}
.newsdate{
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #46CF7A;
	margin-top 10px;
	margin-bottom: 10px;
	color: #C9CACA;
	font-size:12px;
}
.newsBody{
	font-size: 16px;
	color: #333333;
}

.newsBody h1{
	font-size: 20px;
	font-weight: bolder;
	color: #003F98;
	margin-bottom: 15px;
}

/******service******/
.text-center{text-align:center}

/******TOP************/
.fancybox-slide--iframe .fancybox-content {
	width  : auto;
	height : auto;
	max-height: auto;
	max-width  : 90%;
	max-height : 90%;
	margin: 0 ;
}

header nav.menux {
	position:fixed!important;
	overflow:auto;
	min-width: 100%;
	top: 50px;
	color: #000000;
	position: fixed;
	background: #91D370;
	z-index: 9999;
}

header nav.menux{
	min-width: 250px;
	top: 50px;
	top: 0px;
	height:100%;
	width:200px;
	background-color:#fff;
	color:#000000;
	position:fixed!important;
	z-index:9999;
	overflow:auto
}
header nav.menux ul li {
	width: 100%;
	padding: 0px;
	border-bottom: 1px #cdcdcd solid;
	float: left;
	line-height: 40px;
}

header nav.menux ul li a {

	color: #000000;
}
header nav.menux ul li a:hover i {
	color: #8c0000;
}






.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}




.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.nav-func  i{
	width:120px;
	text-align: right;
}
.fa{
	margin-bottom: 12px;
	margin-left: 15px;
	margin-right: 10px;
}
/******TOP END************/
/******photoItem STSRT************/

.ShowBar {
	margin: 20px;
}
.ShowTBar td{
	border: 1px solid #0000FF;
	text-align: center;
}
.ShowTBar a:link, .ShowTBar a:visited {
	color:#08247F;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 35px;
	font-size: 16px;
}
.ShowTBar a:hover {
	color: red;
	text-decoration: none;
	padding: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;	
	
}

/***********************圖片模式****************************************/
#project .photoItem {
	width: 23.3%;
	border: 1px #cdcdcd solid;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
}

#project .photoItem h4 {
	text-align: center;
	font-size: 15px;
	float: left;
	width: 62%;
	height:40px;
	line-height:40px;
	background-color:#009437;
	margin-left: 5px;	
}


#project .photoItem .photoStr {
	background-repeat: repeat-x;
	width: 23.3%;
	color:#FFFFFF;
	margin-top: 1px;
	margin-bottom: 5px;
	position: absolute;
}
#project .photoItem article{
	text-align: center;
	font-size: 16pt;
	color: #FF0000;
	font-weight: bold;
	line-height:40px;
	background-color:#FFFF00;
	margin-left: 5px;
}


#project .photoItem h4 span{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}



#project .photoItem .rent{
	text-align: center;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height:40px;
	background-color:#;
	margin-left: 5px;
}

#project .photoItem .rent1{
	text-align: center;
	font-size: 13pt;
	color:#FF0000;
	font-weight: bold;
	line-height:40px;
	background-color:#FFFF00;
	margin-left: 5px;
}

#project .photoItem .photo {
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	
}

#project .photoItem .photo img {
	width: 100%;
	height:225px;
	max-height:225px;

}

#project .photoItem div {

	text-align: center;
	font-size: 16px;
}


#project .photoItem:nth-child(4n) {
	margin-right: 0;
}
/*************************/
.gmap {
	margin: 20px;
}
.gmap h1{
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.gmap span{
	width:100%;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.gmap input,.gmap textarea{
	margin: 10px;
}


.gmap input::-webkit-input-placeholder{ 
	color:#1A8DCE;
}
.gmap input::-moz-placeholder{
	color:#1A8DCE;
}
.gmap input:-ms-input-placeholder{
	color:#1A8DCE;
}
.gmap textarea::-webkit-input-placeholder{ 
	color:#1A8DCE;
}

.gmap iframe {
	width: 100%;
	height: 400px;
}

/***********Index.html****************/
.photoItem .photoStr,.photoItemL .photoStr {
	color:#FFFFFF;
}

.photoItem h4,.photoItemL h4{
	background-color:#009437;
	color:#FFFFFF;
}

.photoItem h4 span,.photoItemL h4 span{
	color:#FF0000;
}



.photoItem article,.photoItemL article{
	color: #FF0000;
	background-color:#FFFF00;
}

.photoItem .rent1,.photoItemL .rent1{
	color:#FF0000;
	background-color:#FFFF00;
}

/*************************/
@media screen and (max-width: 768px) {
	header .nav-func {
		display: block;/**/
		margin: 0 auto;
		top: 0px;
		position: relative;
	}
	footer .quick-menu {
		width: 100%; 
	}	
	
	#project .photoItem{
			margin-right: 0;
			width: 100%;
	}
	#project .photoItem .photoStr {
		background-repeat: repeat-x;width:100%;
		color: #FFFFFF;margin-top: 1px;
		margin-bottom: 5px;
		position: absolute;
	}
	#project .photoItem h4 {
		text-align: center;
		font-size: 17px;
		float: left;
		width: 62%;
		height:40px;
		line-height:40px;
		background-color:#52C7FE;
		margin-left: 5px;
		
	}
	#project .photoItem h4 span{
		overflow:hidden!important;
		white-space: nowrap!important;
		text-overflow: ellipsis!important;
	}
}
@media screen and (max-width: 480px) {
.orderfunction p{
	padding-left: 10px;
}	
	
}	
@media screen and (max-width: 400px) {

.orderfunction p{
	padding-left: 10px;
}

.orderfunction > p {
	margin: 0px 0 0px;
	color: #000000;

}
	
}

@media screen and (max-width: 320px) {
	header .nav-func {
		margin: 0 auto;
		position: relative;
	}
	#project .photoItem{
			margin-bottom: 10px;
			width: 100%;
	}
	#project .photoItem .photoStr {
		background-repeat: repeat-x;width:100%;
		color: #FFFFFF;margin-top: 1px;
		margin-bottom: 5px;
		position: absolute;
	}
	#project .photoItem h4 {
		text-align: center;
		font-size: 17px;
		float: left;
		width: 62%;
		height:40px;
		line-height:40px;
		background-color:#52C7FE;
		margin-left: 5px;
		
	}
	#project .photoItem h4 span{
		overflow:hidden!important;
		white-space: nowrap!important;
		text-overflow: ellipsis!important;
	}
}
	.hr{
	margin: 0px auto;
	width: 98%;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
}
/********ShowHouse***********/
.ul_01 {
	padding: 0px;
	margin: 0px;
}
.ul_01 li {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	padding: 10px 0;
	border-bottom: 1px dashed #DADADA;
}
.ul_01 a {
	color: #01679c;
}
.ul_01_link {
	cursor: pointer;
	color: #006779 !important;
}

.ul_02 {
	position: relative;
}
.ul_03 {
	width: 100px;
	height: 75px;
	margin: 3px 10px 0 5px;
	float: left;
	background-color: #848484;
}
.ul_04 {
	padding: 0px;
	margin: 0px;
}
.ul_04 li {
	line-height: 18px;
	font-size: 12px;
	list-style-type: none;
	height: 18px;
	color: #5A5A5A;
	border-style: none;
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	padding: 2px 0;
	margin: 0px;
}
.ul_05 {
	overflow : hidden;
	text-overflow : ellipsis;
	white-space: nowrap;
	list-style-type: none;
	color: #006600!important;
	font-size: 18px!important;
	font-weight: bolder!important;
}
.ul_06 {
	z-index: 20px;
	position: absolute;
	right: 5px;
	bottom: -2px;
	color: #DC0003;
	font-size: 20px;
}
/*****************聯絡資訊**********************/
.wrap #contact-nav ul li a {
	color: #656464;
}

.wrap #contact-nav ul li a i {
	background-color: #00A03C;
}
/*****************HOUSE**********************/
.orderfunction {
	padding-top: 10px;
	width: 49%;
	float: right;
	padding-left: 20px;
	
	
}
.orderfunction .bg{
	background-color:#FFFFFF;
	margin: 5px;
	padding: 5px;
}

.orderfunction .bg > p {
	color: #000000;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	clear: both;
}
.orderfunction .bg .item-name{
	color:#FFFFFF;
	background-color:#009437;
	padding: 5px;
	height: 30px;
	width: 19%;
	line-height: 30px;
	float: left;
	text-align: center;
}
.orderfunction .bg  .item-say{
	color: #000000;
	background-color: #FFFFFF;
	padding: 5px;
	height: 30px;
	width: 74%;
	line-height: 30px;
	float: left;
}
.orderfunction h1 {
	color: #009437;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color:  #CCCCCC;
	padding-left: 10px;
	padding-top: 10px;
}


.orderfunction .price-detail p {
	margin-bottom: 5px;
	margin-top: 5px;
	font-size: 16pt;
	color: #E60012;
	font-weight: bold;
}

.orderfunction .price-detail p span {
	font-size: 16pt;
	color:  #E60012;
	font-weight: bold;
}

.orderfunction .price-detail p span.money-sale {
	text-decoration: line-through;
	font-weight: normal;
}



.orderfunction hr {
width:80%;
}

.orderfunction  paa {
	margin: 5px 0 15px;
	color: #000000;
	border: 1px dashed #999999;
}
.orderfunction  p span{
	margin-right: 20px;
	
}

.orderfunction article {
	line-height: 170%;

	color: #807F83;
}



#appdon{

	background: rgba(0, 0, 0, 0.7);
	top:0px;

	position:fixed;
	width:100%;
	height:60px;
	text-align:center;
	color:#FFFFFF;
	z-index: 9999!important;
}



#appdon a{
	color:#FFFFFF;
}

/*******************************************/
#menubar{
background-color: #009437;
font-size:19px; 
text-align:center; 
color:#FFFFFF;
height: 50px;
}
#menubar a {
	color: #FFFFFF;
}






header .nav-func {
	display: none;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 8px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #009437;
}





header .left-func {

	width: 50px;
	height: 50px;
	position: absolute;
	top: 8px;
	right: 0;
	text-align: center;
	line-height: 50px;
	font-size: 30px;
	color: #FFFFFF;
	background-color: #009437;
}

header .left-func {
	top: 0px;
	position: relative;

	margin: 2px;
	cursor:pointer
}
header .left-func {
	top: 0px;
	position: relative;

	margin: 2px;
	cursor:pointer
}






.footbar {
	bottom: 0px;
	left: 0px;
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 100;
	margin: 0px auto;
	background-color: #003F98;
	/*opacity:0.65;*/
	/*display:none;*/
}

.footbar td{
	text-align: center;
	width:14.5%;
	color:red;
}
.footbar td:nth-child(even){ 
/*  background-color: #FFFFFF;*/
}

footer {
	background-color:  #57FF96;
	width: 100%;
	text-align: center;
	margin-bottom: 0px;
}


footer section{
	padding: 30px;
}
footer .quick-menu {
	width: 30%;
	float: left;
}
footer .quick-menu ul {
	overflow: hidden;
}

footer .quick-menu ul li {
	line-height: 35px;
	font-size: 16px;
	color: #595757;
	float: left;
}
footer .quick-menu p , h2{
	color: #595757;

	font-family: "微軟正黑體";
	font-weight: normal;
	font-variant: normal;
}

footer .quick-menu a,a:link, a:visited ,a:hover{
	color:  #595757;
	font-weight: normal;
	text-decoration: none;
}

#ip{
	
	clear: both;
	width: 100%;
	margin-left:40%;
	margin-bottom: 20px;
	text-align: center!important;
}


#mesw ul a {
    text-decoration: none;
	color:#5C5C5C;
}


.newsH2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A03C;
	margin-bottom: 10px;
	color: #00A03C;
	font-size:22px;
	font-weight: bolder;
	line-height: 40px;
}

.newstxt{
	font-size: 18px;
	color: #003F98;
	margin-top: 10px;
}
.newstxt a, a:link, a:visited ,a:hover{
	color: #008cd6;
	font-weight: normal;
	text-decoration: none;
}
.newsdate{
	text-align: right;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #46CF7A;
	margin-top 10px;
	margin-bottom: 10px;
	color: #C9CACA;
	font-size:12px;
}
.newsBody{
	font-size: 16px;
	color: #333333;
}

.newsBody h1{
	font-size: 20px;
	font-weight: bolder;
	color: #003F98;
	margin-bottom: 15px;
}

/******service******/
.text-center{text-align:center}

/******TOP************/
.fancybox-slide--iframe .fancybox-content {
	width  : auto;
	height : auto;
	max-height: auto;
	max-width  : 90%;
	max-height : 90%;
	margin: 0 ;
}

header nav.menux {
	position:fixed!important;
	overflow:auto;
	min-width: 100%;
	top: 50px;
	color: #000000;
	position: fixed;
	background: #91D370;
	z-index: 9999;
}

header nav.menux{
	min-width: 250px;
	top: 50px;
	top: 0px;
	height:100%;
	width:200px;
	background-color:#fff;
	color:#000000;
	position:fixed!important;
	z-index:9999;
	overflow:auto
}
header nav.menux ul li {
	width: 100%;
	padding: 0px;
	border-bottom: 1px #cdcdcd solid;
	float: left;
	line-height: 40px;
}

header nav.menux ul li a {

	color: #000000;
}
header nav.menux ul li a:hover i {
	color: #8c0000;
}






.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}




.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.nav-func  i{
	width:120px;
	text-align: right;
}
.fa{
	margin-bottom: 12px;
	margin-left: 15px;
	margin-right: 10px;
}
/******TOP END************/
/******photoItem STSRT************/

.ShowBar {
	margin: 20px;
}
.ShowTBar td{
	border: 1px solid #0000FF;
	text-align: center;
}
.ShowTBar a:link, .ShowTBar a:visited {
	color:#08247F;
	font-weight: normal;
	text-decoration: none;
	padding: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 35px;
	font-size: 16px;
}
.ShowTBar a:hover {
	color: red;
	text-decoration: none;
	padding: 5px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;	
	
}

/***********************圖片模式****************************************/
#project .photoItem {
	width: 23.3%;
	border: 1px #cdcdcd solid;
	float: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 0;
}

#project .photoItem h4 {
	text-align: center;
	font-size: 15px;
	float: left;
	width: 62%;
	height:40px;
	line-height:40px;
	background-color:#009437;
	margin-left: 5px;	
}


#project .photoItem .photoStr {
	background-repeat: repeat-x;
	width: 23.3%;
	color:#FFFFFF;
	margin-top: 1px;
	margin-bottom: 5px;
	position: absolute;
}
#project .photoItem article{
	text-align: center;
	font-size: 16pt;
	color: #FF0000;
	font-weight: bold;
	line-height:40px;
	background-color:#FFFF00;
	margin-left: 5px;
}


#project .photoItem h4 span{
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;	
}



#project .photoItem .rent{
	text-align: center;
	font-size: 16pt;
	color: #FFFFFF;
	font-weight: bold;
	line-height:40px;
	background-color:#;
	margin-left: 5px;
}

#project .photoItem .rent1{
	text-align: center;
	font-size: 13pt;
	color:#FF0000;
	font-weight: bold;
	line-height:40px;
	background-color:#FFFF00;
	margin-left: 5px;
}

#project .photoItem .photo {
	display: block;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
	
}

#project .photoItem .photo img {
	width: 100%;
	height:225px;
	max-height:225px;

}

#project .photoItem div {

	text-align: center;
	font-size: 16px;
}


#project .photoItem:nth-child(4n) {
	margin-right: 0;
}
/*************************/
.gmap {
	margin: 20px;
}
.gmap h1{
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
}
.gmap span{
	width:100%;
	color:#999999;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.gmap input,.gmap textarea{
	margin: 10px;
}


.gmap input::-webkit-input-placeholder{ 
	color:#1A8DCE;
}
.gmap input::-moz-placeholder{
	color:#1A8DCE;
}
.gmap input:-ms-input-placeholder{
	color:#1A8DCE;
}
.gmap textarea::-webkit-input-placeholder{ 
	color:#1A8DCE;
}

.gmap iframe {
	width: 100%;
	height: 400px;
}

/***********Index.html****************/
.photoItem .photoStr,.photoItemL .photoStr {
	color:#FFFFFF;
}

.photoItem h4,.photoItemL h4{
	background-color:#009437;
	color:#FFFFFF;
}

.photoItem h4 span,.photoItemL h4 span{
	color:#FF0000;
}



.photoItem article,.photoItemL article{
	color: #FF0000;
	background-color:#FFFF00;
}

.photoItem .rent1,.photoItemL .rent1{
	color:#FF0000;
	background-color:#FFFF00;
}

/*************************/
@media screen and (max-width: 768px) {
	header .nav-func {
		display: block;/**/
		margin: 0 auto;
		top: 0px;
		position: relative;
	}
	footer .quick-menu {
		width: 100%; 
	}	
	
	#project .photoItem{
			margin-right: 0;
			width: 100%;
	}
	#project .photoItem .photoStr {
		background-repeat: repeat-x;width:100%;
		color: #FFFFFF;margin-top: 1px;
		margin-bottom: 5px;
		position: absolute;
	}
	#project .photoItem h4 {
		text-align: center;
		font-size: 17px;
		float: left;
		width: 62%;
		height:40px;
		line-height:40px;
		background-color:#52C7FE;
		margin-left: 5px;
		
	}
	#project .photoItem h4 span{
		overflow:hidden!important;
		white-space: nowrap!important;
		text-overflow: ellipsis!important;
	}
}
@media screen and (max-width: 480px) {
.orderfunction p{
	padding-left: 10px;
}	
	
}	
@media screen and (max-width: 400px) {

.orderfunction p{
	padding-left: 10px;
}

.orderfunction > p {
	margin: 0px 0 0px;
	color: #000000;

}
	
}

@media screen and (max-width: 320px) {
	header .nav-func {
		margin: 0 auto;
		position: relative;
	}
	#project .photoItem{
			margin-bottom: 10px;
			width: 100%;
	}
	#project .photoItem .photoStr {
		background-repeat: repeat-x;width:100%;
		color: #FFFFFF;margin-top: 1px;
		margin-bottom: 5px;
		position: absolute;
	}
	#project .photoItem h4 {
		text-align: center;
		font-size: 17px;
		float: left;
		width: 62%;
		height:40px;
		line-height:40px;
		background-color:#52C7FE;
		margin-left: 5px;
		
	}
	#project .photoItem h4 span{
		overflow:hidden!important;
		white-space: nowrap!important;
		text-overflow: ellipsis!important;
	}
}