#contact #page-content {
  background-color: #FFF;
  padding-bottom: 15px;
  border-top: 1px solid #FFF;
  border-bottom: 16px solid #FFF;
}
/*原始



  #contact #page-content .title {
  background: url("../images/service/title_1.gif") center center no-repeat;
  color: #fff;
  text-align: center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 100px;
  margin-top: 35px;
  margin-bottom: 40px;
}





*/
#contact #page-content .title {
  background: url("../images/service/title_4.png")  center no-repeat;
  color: #333230;
  text-align: center;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 310px;
  margin-top: 35px;
  margin-bottom: 40px;
  background-color:#FFF;
}

#contact #page-content p,
#contact #page-content label,
#contact #page-content span {
  font-size: 26px;
  color: #333230;
  text-align: left;
}

#contact #page-content p {
  padding-left: 82px;
}

#contact #page-content form {
  margin-top: 52px;
}

#contact #page-content .field-group {
  padding: 0;
}
/*原始

 #contact #page-content .field-row .span3 {
  margin-left: 32px;
  padding-left: 50px;
}







*/
#contact #page-content .field-row .span3 {
  margin-left: 75px;
  padding-left: 50px;
}

#contact #page-content .field-row .span6 {
  text-align: left;
}

#contact #page-content .field-row input,
#contact #page-content .field-row textarea {
  font-size: 26px;
  background-color: #f5f5f3;
  color: #655e56;
  padding: 10px;
  height: auto;
  position: relative;
  top: -10px;
}

#contact #page-content .field-row input.image {
  font-size: 16px;
  background-color: transparent;
  color: #655e56;
  padding: 0px;
  height: auto;
  position: inherit;
  top: 0px;
  margin: 0 auto;
}

#contact #page-content .field-group .submit .span9 {
  padding-left: 72px;
}

/*20140901 KEN 新增，請專業諮詢師聯絡我的Banner*/
#contact #page-content .contact-banner {
	display:none;
	background-image:url(../images/contact/banner_20150108.jpg);
	width:980px;
	height:400px;
	margin:0 auto;
}


/*20141006 KEN 新增contact2.htm*/

#contact #page-content2 .content {
	width:1200px;
	margin:0 auto;
}

#contact #page-content2 {
  	background-image:url(../images/back_index.jpg);
	background-color:#6f675e;
	background-attachment:fixed;
	background-position:top center;
	background-size:cover;
    width:100%;
    padding-bottom: 0px;
    border-top: 1px solid #ab9257;
    border-bottom: 16px solid #ab9257;
}


#contact #page-content2 .contact-banner_01 {
	background-image:url(../images/contact/banner_20250710_01.jpg);
	width:850px;
	height:2094px;
	margin:0 auto;
}

#contact #page-content2 .contact-banner_TXT {
	display: none;
	margin:0 auto;
	width:850px;
	height:1110;
	padding:10px 5%;
	background-image:url(../images/contact/banner_20250106_02.jpg);
	}

#contact #page-content2 .contact-banner_TXT h3{
	font-size:36px;
	line-height:50px;
	color:#FFF;
	}

#contact #page-content2 .contact-banner_TXT .CENT{
	text-align:center;
	}

#contact #page-content2 .contact-banner_TXT p{
	font-size:18px;
	line-height:36px;
	color:#FFF;
	}

#contact #page-content2 .contact-banner_02 {
	background-image:url(../images/contact/banner_20250710_03.jpg);
	width:850px;
	height:10930px;
	margin:0 auto 0 auto;	
	position:relative;
	/**margin:110px auto 1px auto;**/
}

#contact #page-content2 .contact-banner_02 .GOTO{
	width:850px;
	height:850px;
	margin:0 auto 0 auto;
	}

#contact #page-content2 .GOTOSP{
	display:block;
	background-image:url(../images/contact/banner_20220707_05.jpg);
	width:850px;
	height:269px;
	margin:0 auto 0 auto;
	overflow:hidden;
	}

#contact #page-content2 .contact-banner_02 ul{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
 	bottom:0px;
 	right:5%;
	}

#contact #page-content2 .contact-banner_02 ul li{
	display:block;
	float:left;
	width:33.3%;
	height:400px;
	text-indent:-9999px;
	}


#contact #page-content2 #BUT {
	background-image:url(../images/contact/banner_20250710_04a.jpg);
	width:850px;
	height:78px;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content2 #BUT:hover {
	background-image:url(../images/contact/banner_20250710_04b.jpg);
	}

#contact #page-content2 #BUT2 {
	background-image:url(../images/contact/banner_20250710_04a.jpg);
	width:850px;
	height:78px;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content2 #BUT2:hover {
	background-image:url(../images/contact/banner_20250710_04b.jpg);
	}

/*20171105 KEN 新增contact3.htm*/

#contact #page-content3 .content {
	width:1200px;
	margin:0 auto; 
}

#contact #page-content3 {
  	background-image:url(../images/back_indexss.jpg);
	background-color:#6f675e;
	background-attachment:fixed;
	background-position:top center;
	background-size:cover;
    width:100%;
    padding-bottom: 0px;
    border-top: 1px solid #ab9257;
    border-bottom: 16px solid #ab9257;
}


#contact #page-content3 .contact-banner_01 {
	background-image:url(../images/contact/banner_20171105_01.jpg);
	width:850px;
	height:1042px;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_02 {
	background-image:url(../images/contact/banner_20171105_02.jpg);
	width:850px;
	height:2260px;
	margin:0px auto 1px auto;	
	/**margin:110px auto 1px auto;**/
}

#contact #page-content3 .contact-banner_02 .LINK{
	display:block;
	width:840px;
	height:365px;
	margin:0px auto 4px auto;
	text-indent:-9999px;	
}

#contact #page-content3 .contact-banner_02 .SPACE{
	display:block;
	width:840px;
	height:60px;
	margin:0px auto;
}

#contact #page-content3 .contact-banner_03 {
	background-image:url(../images/contact/banner_20211014_01.jpg);
	width:850px;
	height:1690px;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_04 {
	background-image:url(../images/contact/banner_20211014_02.jpg);
	width:850px;
	height:297px;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_05 {
	background-image:url(../images/contact/banner_20211014_03.jpg);
	width:850px;
	height:8778px;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_06 {
	background-image:url(../images/contact/banner_20211014_05.jpg);
	width:850px;
	height:56px;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_07 {
	background-image:url(../images/contact/banner_20211014_04.gif);
	width:850px;
	height:598px;
	margin:0 auto;
	background-size:cover;
	background-position:center center;
}

#contact #page-content3 .contact-banner_08 {
	background-image:url(../images/contact/banner_20211014_06.jpg);
	width:850px;
	height:44px;
	margin:0 auto;
}

#contact #page-content3 #BUT {
	background-image:url(../images/contact/banner_20171105_03a.jpg);
	width:850px;
	height:73px;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content3 #BUT:hover {
	background-image:url(../images/contact/banner_20171105_03b.jpg);
	}

@media all and (max-width: 767px) {
    /*0629*/
    /*

      原始COD  
  #contact #page-content .title {
    width: 250px;
    height: 40px;
    margin: 15px auto;
    background-size: contain;
  }






    */
  #contact #page-content .title {
    width: 250px;
    height: 120px;
    margin: 15px auto;
    background-size: contain;
  }

  .container {
    padding-left: 0px !important;
  }

  #formContainer {
    margin: 10px auto 0 auto !important;
    width: 70% !important;
  }

  #contactForm {
    margin-top: 10px !important;
  }

  .field-row .span3 {
    margin-left: 0px !important;
    padding-left: 0px !important;
    width: auto !important;
  }

  .field-row .span2,
  .field-row .span7 {
    width: 100%;
  }

  #contact #page-content .field-row {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }

  #contact #page-content .field-label {
    margin: 5px 0 !important;
  }

  #contact #page-content .field-row input,
  #contact #page-content .field-row textarea {
    font-size: 16px;
    background-color: #f5f5f3;
    color: #655e56;
    padding: 10px;
    height: auto;
    position: inherit;
    top: 0px;
  }

  #contact #page-content p,
  #contact #page-content label,
  #contact #page-content span {
    font-size: 16px;
    padding: 0px !important;
    margin: 0px !important;
  }

  #contact #abletimebox input {
    padding: 0px !important;
    margin: 0 4px !important;
  }

  #contact #abletimebox label {
    font-size: 14px !important;
  }

  #contact .field-row.submit .span5 {
    display: none;
  }

  #contact .field-row.submit input.image {
    width: 125px;
    height: 40px;
    margin: 0 auto;
  }

  .field-row .span7 {
    text-align: center;
  }

  #contact #page-content {
    border-bottom-width: 5px;
	 }
	 
 /*20150824 KEN 新增，手機版請專業諮詢師聯絡我的Banner*/
  #contact #page-content .contact-banner {
	display:none;
	background-image:url(../images/contact/banner_20150108.jpg);
	width:100%;
	padding-bottom:;
	height:auto;
	margin:0 auto;
}


/*20150824 KEN 新增手機版contact2.htm*/

#contact #page-content2 .content {
	width:100%;
	margin:0 auto;
	} 

#contact #page-content2 .contact-banner_01 {
	display:block;
	background-image:url(../images/contact/banner_20250710_01.jpg);
	width:100%;
	height:0;
	padding-bottom:246.35%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content2 .contact-banner_TXT {
	display:none;
	background-image:url(../images/contact/banner_20250106_02.jpg);
	width:100%;
	height:0;
	padding-bottom:130.59%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	}

#contact #page-content2 .contact-banner_TXT h3{
	font-size:24px;
	line-height:36px;
	color:#FFF;
	}

#contact #page-content2 .contact-banner_TXT p{
	font-size:17px;
	line-height:30px;
	color:#FFF;
	}

#contact #page-content2 .contact-banner_02 {
	display:block;
	background-image:url(../images/contact/banner_20250710_03.jpg);
	width:100%;
	height:0;
	padding-bottom:1285.88%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	position:relative;
	/**margin:110px auto 1px auto;**/
}

#contact #page-content2 .contact-banner_02 .GOTO{
	width:100%;
	height:0;
	padding-bottom:100%;
	margin:0px auto 0 auto;
	}

#contact #page-content2 .GOTOSP{
	display:block;
	background-image:url(../images/contact/banner_20220707_05.jpg);
	width:100%;
	height:0;
	padding-bottom:31.64%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	}

#contact #page-content2 .contact-banner_02 ul{
	width:90%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	position:absolute;
 	bottom:0px;
 	right:5%;
	}

#contact #page-content2 .contact-banner_02 ul li{
	display:block;
	float:left;
	width:33.3%;
	height:250px;
	text-indent:-9999px;
	}

#contact #page-content2 #BUT {
	display:block;
	background-image:url(../images/contact/banner_20250710_04a.jpg);
	width:100%;
	height:0;
	padding-bottom:9.17%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content2 #BUT:hover {
	background-image:url(../images/contact/banner_20250710_04b.jpg);
}

#contact #page-content2 #BUT2 {
	display:block;
	background-image:url(../images/contact/banner_20250710_04a.jpg);
	width:100%;
	height:0;
	padding-bottom:9.17%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content2 #BUT2:hover {
	background-image:url(../images/contact/banner_20250710_04b.jpg);
}

/*20171105 KEN 新增手機版contact3.htm*/

#contact #page-content3 .content {
	width:100%;
	margin:0 auto;
	} 

#contact #page-content3 .contact-banner_01 {
	display:block;
	background-image:url(../images/contact/banner_20171105_01.jpg);
	width:100%;
	height:0;
	padding-bottom:122.59%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_02 {
	display:block;
	background-image:url(../images/contact/banner_20171105_02.jpg);
	width:100%;
	height:0;
	padding-bottom:265.88%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;

	/**margin:110px auto 1px auto;**/
}

#contact #page-content3 .contact-banner_02 .LINK{
	display:block;
	width:100%;
	height:0px;
	padding-bottom:44%;
	background-size:cover;
	background-position:center center;
	margin:0px auto 4px auto;
	text-indent:-9999px;	
	/**margin:110px auto 1px auto;**/
}

#contact #page-content3 .contact-banner_02 .SPACE{
	display:block;
	width:100%;
	height:30px;
	margin:0px auto;
}

#contact #page-content3 .contact-banner_03 {
	background-image:url(../images/contact/banner_20211014_01.jpg);
	width:100%;
	height:0;
	padding-bottom:198.82%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_04 {
	background-image:url(../images/contact/banner_20211014_02.jpg);
	width:100%;
	height:0;
	padding-bottom:34.94%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_05 {
	background-image:url(../images/contact/banner_20211014_03.jpg);
	width:100%;
	height:0;
	padding-bottom:1032.70%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_06 {
	background-image:url(../images/contact/banner_20211014_05.jpg);
	width:100%;
	height:0;
	padding-bottom:6.58%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_07 {
	background-image:url(../images/contact/banner_20211014_04.gif);
	width:100%;
	height:0;
	padding-bottom:62.29%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 .contact-banner_08 {
	background-image:url(../images/contact/banner_20211014_06.jpg);
	width:100%;
	height:0;
	padding-bottom:5.17%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
}

#contact #page-content3 #BUT {
	display:block;
	background-image:url(../images/contact/banner_20171105_03a.jpg);
	width:100%;
	height:0;
	padding-bottom:8.59%;
	background-size:cover;
	background-position:center center;
	margin:0 auto;
	text-indent:-9999px;
}

#contact #page-content3 #BUT:hover {
	background-image:url(../images/contact/banner_20171105_03b.jpg);

}