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

.unitName{ background:#ffb23a;}

/*-------------機器人驗證---------------*/
.g-recaptcha {
    display: flex;
    justify-content: center;
}

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

}



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

.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 textarea { height:10em;}

.btns {width: 100%;margin: 2em auto;text-align: center;}
.btns input {width: 40%;max-width: 140px;height: 42px;line-height: 42px;display: inline-block;font-size: .95em;}

.addressAll{
	display:table;
	width:100%;
}
.addressAll>div{
	display:table-cell;
	padding-right:5px;
}
.addressAll > div:last-child{
	padding-right:0px;
}
.table-from th{
	vertical-align:middle;
}
.table-from .city,.table-from .area,.table-from .address {
    width: 100%;
}

.table-from .address input{width:100%;}
/*------手機版--------*/
@media screen and (max-width: 640px) {	

.wrap .contanier{  padding-bottom:100px;}
.addressAll{
	letter-spacing:-5px;
	display:block;
}
.addressAll > div{
	padding-right:0px;
	letter-spacing:1px;
	display:inline-block;
	width:calc(50% - 2px);
	margin-right:4px;
}
.addressAll > div:nth-child(2){
	margin-right:0px;
}
.addressAll > div:last-child{
	
	display:block ;
	width:100%;
}
.addressAll div {
	margin-bottom:0px;
}
.table-from .city,.table-from .area {
    margin-bottom:6px;
}
	
	.unitName{display: none;}	
	
	
	
}