@charset "utf-8";
/* CSS Document */



.contentWrap .wrap{}
.contentWrap .wrap .leftBox{ float:left; width:100%; box-sizing:border-box; margin-right:60px;}

.contentWrap .wrap .inforBox{ width:100%; margin:0 auto;}
.contentWrap .wrap .inforBox p{ text-align:center; font-size:19px; color:#ff2626; line-height:2;}

.contentWrap .wrap .mapBox{ margin-top:30px;}

.contentWrap .wrap .otherBox{ width:100%; margin-top:50px;}
.contentWrap .wrap .otherBox .areaBox{ float:left; width:50%; box-sizing:border-box;}
.contentWrap .wrap .otherBox .areaBox p{ font-size:14px; color:#888; line-height:1.6;}
.contentWrap .wrap .otherBox .areaBox p b{ display:block; font-size:15px; color:#52525F; padding-bottom:10px;}



.contentWrap .wrap .rightBox{ float:left; width:100%; box-sizing:border-box; padding-left:10px; padding-right:10px;}
.contentWrap .wrap .rightBox .titleBox h3{ font-size:25px; color:#F88559; padding-bottom:10px; padding-top:10px;}

.contentWrap .wrap .rightBox p.txt_mail{ font-size:14px; color:#888; line-height:1.6;} 

.contentWrap .wrap .rightBox .mailBox{ width:100%; margin-top:20px;}
.contentWrap .wrap .rightBox .mailBox .itemBox{width:100%; margin-bottom:20px;}
.contentWrap .wrap .rightBox .mailBox .itemBox1{width:40%; margin-bottom:20px; float:left; display:block;}
.contentWrap .wrap .rightBox .mailBox .itemBox2{width:50%; margin-bottom:20px; float:right; display:block; padding-right:10%;}
.contentWrap .wrap .rightBox .mailBox .imgBox{ float:left; margin-left:10px;}

.contentWrap .wrap .rightBox .mailBox input{ width:100%; background:#fff; border:1px #ffc7c7 solid;; padding:8px 10px; color:#333; font-size:15px; font-family:"微軟正黑體"; box-sizing: border-box;}
.contentWrap .wrap .rightBox .mailBox input.code{ width:120px; float:left;}
.contentWrap .wrap .rightBox .mailBox textarea{width:100%; height:180px; background:#fff; border:1px #ffc7c7 solid;; padding:8px 10px; color:#333; font-size:15px; font-family:"微軟正黑體"; box-sizing: border-box;}

/* 通用 */
::-webkit-input-placeholder { color:#888; }
::-moz-placeholder { color:#888; } /* firefox 19+ */
:-ms-input-placeholder { color:#888; } /* ie */
input:-moz-placeholder { color:#888; }

.contentWrap .wrap .rightBox .mailBox .btnBox{ text-align:right; margin-top:10px; margin-bottom:30px;}
.contentWrap .wrap .rightBox .mailBox .btnBox a{ display:inline-block; color:#fff; font-size:14px; background:#ff2725; border-radius:6px; padding:5px 30px; transition:all 0.4s ease;}
.contentWrap .wrap .rightBox .mailBox .btnBox a:hover{ background:#ff7373;}








@media (max-width:1280px){
}


@media (max-width:1034px){
.contentWrap .wrap{ padding:0 20px;}	
.contentWrap .wrap .leftBox{ width:60%; margin:0; padding-right:40px;}
.contentWrap .wrap .leftBox .inforBox{ width:90%;}
.contentWrap .wrap .rightBox{ width:40%;}	
.contentWrap .wrap .leftBox .otherBox .areaBox{ width:100%; padding-bottom:30px;}
}


@media (max-width:980px){
}


@media (max-width:768px){
.contentWrap{ padding-top:20px;}	
.contentWrap .wrap .leftBox{ width:100%; padding-right:0;}
.contentWrap .wrap .rightBox{ width:100%; border-top:1px #ddd solid; padding-top:40px;}
.contentWrap .wrap .rightBox .mailBox{ margin-top:20px;}		
}


@media (max-width:640px){
}

@media (max-width:480px){
.insideWrap{ padding-bottom:20px;}
.contentWrap .wrap .leftBox .inforBox{ width:100%;}	
.contentWrap .wrap .leftBox .inforBox p{ font-size:14px; line-height:1.5;}
.contentWrap .wrap .leftBox .inforBox p br{ display: block;}
.contentWrap .wrap .leftBox .inforBox p span{ display:none;}

}

@media (max-width:420px){
}

@media (max-width:375px){
.contentWrap .wrap{ padding:0 15px;}	

}

@media (max-width:320px){
.contentWrap .wrap{ padding:0 10px;}

}