.wrap{width:100%;position:relative; line-height:1.6; font-size:1em; }

.unitName{ background:#ffb23a;}


/*-------------mainNav單元文字變色---------------*/
.mainNav > ul > li:nth-child(5) > a { color:#00babc; font-weight:bold;}
@media screen and (max-width: 980px) {
	
.mainNav > ul > li:nth-child(5) > a { color:#333; }

}



.wrap .contanier{ width:100%;max-width:800px; margin:0 auto ; padding-bottom:100px;}

.wrap .contanier > h3 { width:100%; text-align: center;margin-top:1em;margin:0 auto ;}
.wrap .contanier > h3 img{ max-width:100%; height:auto;}



/*▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ 留言 ▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃*/


.contact {width:96%; margin:1em auto 4em ;text-align:left;}

.contact h3 { font-size:1.2em ;  margin-bottom:.5em; letter-spacing:3px; padding-left:.5em;}

/*.contact  [type="email"],.contact [type="text"],.contact textarea
{width:100%;  padding-left:10px;line-height:40px; height:40px;margin-bottom:6px; display:block;  }*/

.contact textarea { height:10em;}

/*------驗證碼--------*/

.contact .code {}
.contact .code .code-img { margin:0 5px; vertical-align: middle; }

.contact .code .refresh{ display:block;width:30px; text-align:center; font-size:1.1em; position:relative; top:2px;}
.contact .code .refresh:before{content:"\f021";font-family: 'FontAwesome'; text-decoration:none; }
.contact .code .refresh:hover{  text-decoration:none;}

.contact .code .btn{float:left;width:120px; height:36px; cursor:pointer; font-size:1em; font-weight:bold;}









	


/*------手機版--------*/
@media screen and (max-width: 640px) {	

.wrap .contanier{  padding-bottom:100px;}



.contact .code .btn{float: none; display:block !important; width:60%; margin:10px  auto; height:40px;}








}