/*CSS RESET*/
body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
a img {
	border: 0;
}
/* 滑鼠移至連結 */
a:hover {
	text-decoration:none;
}
/*ol, ul, li {
	list-style: none;
}*/
a {
	text-decoration:none;/*去除連結虛線框*/
	outline: none; /* for Firefox Google Chrome  *//*behavior:expression(this.onFocus=this.blur()); /* for IE */
}
img {
	/*height: auto;
	max-width: 100%;*/
	border: 0;
}/*圖片隨視窗大小縮放*/
/*以上做網頁先複製------------------------------------*/


h1 {
	font-size:30px;
	line-height: 55px;
}
h2 {
	font-size:16px;
	line-height: 35px;
	text-align:justify;
}
body {
	font-family: "微軟正黑體", "Times New Roman";
	font-size: 16px;
	line-height: 25px;
	background:url(../img/bg.png);
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
}



#wrapper_out, #wrapper_out_index , #header , #header_pic , #container, #content_index, #footer ,#footer_index /*, #index_img_bg*/{
	width: 100%;
	height:auto;
	margin: 0 auto;
	text-align:center;
}

#wrapper_out {
	position:relative;
}

#header{
	width:100%;
	background:#FFED00;
	height:65px;
}

#header_up{
	position:absolute;
	margin: 0 auto;
	z-index:900;
	top:0;
	left:0;
	width:100%;
	background:url(../img/header_up.png);
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	height:144px;
}
#header_inside{
	width:100%;
	background:#FFED00;
	height:80px;
}

#header_pic{
	padding:0 0 0 0;
}


#header_pic img ,#content img ,.service_img img{
	height: auto;
	max-width: 100%;
}


#logo {
	height:80px;
	max-width: 80%;
	margin: 0 0 auto 10%;
	padding:10px 0 0 20px;
}

#logo img {
	height: auto;
	max-width: 100%;
}

.push{
	width:100%;
	height:50px;
}

.push2{
	width:100%;
	height:100px;
}

#content_tri{
	float:left;
	text-align:center;
	background:url(../img/serveice_bg.png);
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	width:100%;
	margin:0;
	height:auto;
}

#content_left{
	width: 90%;
	height:auto;
	margin: 0 5%;
	text-align:left;
}

#content_left img{
	max-width:100%;
	height:auto;
}



#content , #content_left{
	min-height:400px;
}



/*footer====*/
#footer{
	clear:both;
	/*background:url(../img/footer3.png);*/
	background-repeat: no-repeat;
	background-position: center bottom;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	height:80px;
	background:#FFF;
}

#footer_index {
	/*background:url(../img/footer3.png);*/
	clear:both;
	height:80px;
	/*position:absolute;
	bottom:0;*/
	background:#FFF;
	position:relative;
}

#footer_lf {
	float:left;
	width:85%;
	position:absolute;
	bottom:5px;
	text-align:left;
	padding-left:5%;
	font-size:16px;
}
#footer_lf a {
	color:#000;
}

#footer_lf span {
	font-size:14px;
}


#footer_rg {
	float:right;
	width:9%;
	position:absolute;
	bottom:5px;
	left:90%;
}

#footer_rg img {
	height: auto;
	max-width: 100%;
	border:0;
}




/*index 頁面==================================================*/
body,html{
 width: 100%;
 height: 100%;
 margin:0;
 padding:0;
}



#wrapper_out_index {
	position:relative;
	
	
	min-height:100%;
	height: auto !important;
	 height: 100%; 
	margin: 0 auto -60px; bottom的负值等于footer高
}

#content_index{
	background:url(../img/index_body_bg.png);
	background-repeat: no-repeat;
	background-position: center;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
}


/*#content_index {
	float:left;
	text-align:center;
}*/


#content_index table img{
	max-width: 100%;
    height: auto;
}

#index_img_bg{
	background:url(../img/index_img_bgimg.png);
	height:300px;
	background-repeat: no-repeat;
	background-position: center top;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	margin:0 0 0 0;
}
/* //index 頁面==================================================*/



/*location頁面===============================*/

#search {
	background:transparent;
}
.locaton_fo{
	display:block;
	text-align:center;
	font-size:18px;
	margin:5px auto 10px auto;
}

.locaton_fo a{
	color:#000;
}

.loca_search{
	width:302px;
	height:35px;
	margin:0 auto;
	background:url(../img/location_search2.png);
	background-repeat: no-repeat;
	background-position: center;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	position:relative;
}

#search_icon{
	width:28px;
	height:28px;
	background:url(../img/location_search_icon.png);
	background-repeat: no-repeat;
	background-position: center;/*背景置中置上*/
	background-size: cover;/*背景滿版*/
	position:absolute;
	top:3px;
	right:20px;
	border:transparent;
}


/*location頁面===============================*/



/*location_detail頁面===============================*/

.location_detail_img img {
	height: auto;
	max-width: 100%;
	border:0;
}

.leases_font1 {
	font-size:40px;
	line-height: 55px;
}

.leases_font1 a {
	color:#000;
}

.leases_font2 {
	font-size:20px;
	line-height: 35px;
	color:#666;
}

.leases_font2 a {
	color:#000;
}

.leases_img{
	width:50px;
	height:50px;
}

.leases_img2{
	max-width:1050px;
	height:15px;
	padding:5px 8% 30px 10%;
}




/*about_q&a頁面===============================*/
.about_title{
	padding:0 0 15px 5px;
	text-align:left;
	font-size:25px;
	line-height: 55px;
}

.about_content{
	padding:0 0 10px 5px;
	text-align:justify;
	min-height:100px;
	font-size:16px;
	line-height: 25px;
}

.about_content_q{
	text-align:justify;
	padding:0 5px 5px 0;
	color:#006934;
	
}

.about_content_q2{
	text-align:justify;
	padding:0 5px 5px 0;
	color:#000000;
	font-weight:bold;
}


.about_content_q3{
	text-align:justify;
	padding:0 5px 5px 0;
	color:#638aff;
	font-weight:bold;
}

.about_content_a{
	text-align:justify;
	padding:0 5px 0 0;
}
.about_content_red{
	text-align:justify;
	padding:0 5px 0 0;
	color:#F00;
}

/*about_q&a頁面===============================*/

@media screen and (max-width: 1024px){
#index_img_bg{
	margin:0 0 0 0;
}
}

@media screen and (max-width: 768px){
#index_img_bg{
	margin:100px 0 0 0;
}
}




@media screen and (max-width: 480px){
#header_up{
	background:url(../img/header_up_480.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height:150px;
}

#header_inside{

	background:url(../img/header_up_480.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;/
	height:150px;
}

#logo {
	width:350px;
	height: auto;
	max-width: 100%;
	margin: 0 15%;
	
	max-width: 80%;
}

#index_img_bg{
	margin:0px 0 0 0;
}

}





@media screen and (max-width: 360px){
body {
	font-size: 5px;
	line-height: 20px;
}

#header_up{
	background:url(../img/header_up_360.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height:100px;
}

#header_inside{

	background:url(../img/header_up_360.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	height:100px;
}


.push{
	width:100%;
	height:30px;
}


#logo {
	width:230px;
	height: auto;
/*	max-width: 100%;
	margin: 0 15%;
	
	max-width: 80%;
	
	
	height:80px;
	max-width: 80%;
	margin: 0 0 auto 10%;
	padding:10px 0 0 20px;*/

}

/*
#index_header {
	height:150px;
}

#header {
	padding-top:60px;

}*/

#footer_lf {
	font-size:14px;
}

#footer_rg {
	position:absolute;
	bottom:10px;
	left:85%;
}

.leases_font1 {
	font-size:20px;
	line-height: 25px;
}
.leases_font2 {
	font-size:14px;
	line-height: 18px;
	color:#666;
}

.leases_img{
	width:40px;
	height:40px;
}

#index_img_bg{
	margin:0px 0 0 0;
}
	
}



@media screen and (max-width: 320px){
	#logo {
	width:230px;
	height: auto;
	padding:12px 0 0 30px;
/*	max-width: 100%;
	margin: 0 15%;
	
	max-width: 80%;
	
	
	height:80px;
	max-width: 80%;
	margin: 0 0 auto 10%;
	*/

}
	
}