@charset "utf-8";

.contact_wrap { position:relative; }

@media(max-width:1024px){
  .cn_sec05.pddgbttm_200 {padding-bottom:160px;}
  .contact_wrap{flex-wrap: wrap;}
}
@media(max-width:768px){
  .cn_sec05.pddgbttm_200 {padding-bottom:70px;}
}
@media(max-width:560px){

}

.online_fmbox ul {display:flex; flex-wrap:wrap; }
.online_fmbox ul li{ width:50%; padding:10px 0; font-size:1.7rem;}
.online_fmbox ul li:nth-child(even) { padding-left:15px;}
.online_fmbox ul li:nth-child(odd) { padding-right:15px;}
.online_fmbox ul li:last-child {width:100%; padding-right:0px;}
.online_fmbox ul li span{display:inline-block;}
.online_fmbox ul li .tit{width:100%; font-size:1.5rem; margin-bottom: 5px;
  padding-left: 3px;}
.online_fmbox ul li .cont{width:100%;}
.online_fmbox ul li .cont .text-box{width:100%;}
.online_fmbox .cateBtn , .online_fmbox ul li .cont input, .online_fmbox .online_fm ul li .cont select, .online_fmbox ul li .cont textarea{width:100%; border:0; height:50px; line-height:50px; padding: 0.8em 10px; font-size:1.5rem; background:#f6f6f6;}
.online_fmbox .cateBtn{width:auto; height:45px; line-height:45px; background:#cfccf4; color:#fff; padding:0 40px; border-radius:40px; margin-right:10px; cursor: pointer;}
.online_fmbox .cateBtn.on{background:#d71818;} 
.online_fmbox ul li .cont .text-box input{width:100%;  border-bottom:2px solid transparent; }
.online_fmbox ul li .cont .text-box input:focus{border-bottom:2px solid #d71818 !important;}
.online_fmbox ul li .cont .text-box select{width:30%;}
.online_fmbox ul li:last-child{padding-bottom:40px;}
.online_fmbox ul li .cont textarea{height:200px;resize:none; border:2px solid transparent; line-height:24px;  padding:10px 23px;   }
.online_fmbox ul li .cont textarea:focus{border-bottom:2px solid #d71818 !important;}
.online_fmbox .provision{display:table;width:100%; margin-top:20px;}
.online_fmbox .provision label input{width:0; height:0;}
.online_fmbox .provision input[type="checkbox"].agreeCheck{ vertical-align:middle; }
.online_fmbox .provision input[type="checkbox"].agreeCheck + label { color:#bebebe; }
.online_fmbox .provision input[type="checkbox"].agreeCheck:hover + label {color:#d71818;}
.online_fmbox .provision input[type="checkbox"].agreeCheck:checked + label { color:#222; }
.online_fmbox .provision label{cursor:pointer;font-weight:300;}
.online_fmbox .provision label span{vertical-align: -2px;margin-left:5px;}
.online_fmbox .provision a{height:35px;line-height:35px;display:inline-block;margin-left:5px;}
.online_fmbox .receive-btn{margin-top:20px;}
.online_fmbox .receive-btn input{width:100%;padding:15px 0;background:#d71818;color:#fff;border:0; border-radius:5px;}

.btn_submit { padding-left: 3em; padding-right: 3em; background: #d71818;  box-shadow: none; border: 1px solid #d71818;}
.btn_submit:hover { background: #d71818;   border: 1px solid #d71818;}
.online_fmbox .txtCenter {text-align:center;}

@media(max-width:768px){
.online_fmbox ul li:nth-child(even) { padding-left:5px;}
.online_fmbox ul li:nth-child(odd) { padding-right:5px;}
}

@media(max-width:560px){
  .online_fmbox ul li {width:100%; font-size:1.6rem; padding:8px 0;}
  
  .online_fmbox ul li .tit{margin-bottom:5px;}
  .online_fmbox ul li .cont .text-box input,
  .online_fmbox ul li .cont textarea,
  .online_fmbox .cateBtn{border-radius:10px; padding:0 10px;}
  .online_fmbox ul li .cont input{height:40px; line-height:40px;}
  .online_fmbox ul li:nth-child(even) { padding-left:0;}
  .online_fmbox ul li:nth-child(odd) { padding-right:0;}
  .online_fmbox ul li:last-child {padding-right:0px;}
  .online_fmbox .cateBtn{padding:0 15px; margin-right:5px; height:36px; line-height:36px; }
  .online_fmbox .receive-btn input{padding:10px 0;}

}