@charset "utf-8";
/*背景*/
.maintitle{ font-size: 35px; color: #3B4249; position: relative; }
.maintitle .icons { position: absolute; left: 0px; top: 5px; width: 41px; height: 39px; background-image: url(../images/index/titleicon.png); background-repeat: no-repeat; }
.maintitle .icons .lines{ width:8px; height:2px; position:absolute; left:12px; top:20px; transform:rotate(-50deg); transform-origin:100% center; /*animation:ms01 1s infinite ease-out alternate;*/
background: #5b6061; 
background: -moz-linear-gradient(left, #5b6061 49%, #ffd02c 50%);
background: -webkit-linear-gradient(left, #5b6061 49%,#ffd02c 50%);
background: linear-gradient(to right, #5b6061 49%,#ffd02c 50%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b6061', endColorstr='#ffd02c',GradientType=1 ); }
@keyframes ms01{
	0%{ transform:rotate(-50deg); }
	100%{ transform:rotate(220deg); }
}
h6 { color: #3B4249; margin: 20px 0 40px; }

/*表單*/
.contable{ font-size:0px; margin:15px 0 0 0; }
.contable .grids{ display:inline-block; width:50%; padding:0 16px 0 0; margin:0 0 15px 0; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.contable .grids:nth-child(even){ padding:0 0 0 16px; }
.contable .grids.longs{ display:block; width:100%; padding:0; }
.contable .grids .ctable{ display:table; width:100%; border-bottom:1px solid #3B4249; padding:0 0 5px 0; }
.contable .grids .ctable .tds-a{ display:table-cell; vertical-align:middle; width:80px; font-size:17px; color:#3B4249; }
.contable .grids .ctable .tds-b{ display:table-cell; vertical-align:middle; }
.contable .grids .ctable .input{ border:none; background:none; width:100%; font-size:16px; color:#3B4249; }
.contable .grids .ctable .input::-webkit-input-placeholder { color: #3B4249; }
.contable .grids .ctable .input:-moz-placeholder { color: #3B4249; }
.contable .grids .ctable .input::-moz-placeholder { color: #3B4249; }
.contable .grids .ctable .input:-ms-input-placeholder { color: #3B4249; }

.contable .grids .cbox{ display:block; }
.contable .grids .cbox .tds-a{ font-size:17px; color:#3B4249; padding:0 0 5px 0; }
.contable .grids .cbox .tds-b .textarea{ resize:none; width:100%; height:200px; background:none; border:1px solid #3B4249; font-size:16px; color:#3B4249; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; padding:5px; }

/*驗證碼*/
.contCode{ float:left; }
.contCode .titles{ display:inline-block; vertical-align:top; color:#fff; font-size:17px; padding:0 10px 0 0; }
.contCode .codes{ display:inline-block; vertical-align:top; }

/*按鈕*/
.sends{ float:right; }
.sends .btns{ margin-bottom: 40px; background-color:#1d2025; color:#fff; font-size:17px; font-weight:bold; height:40px; width:110px; line-height:40px; text-align:center; cursor:pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; }

/*================================●●●●●●●●●●●●平板●●●●●●●●●●●●================================*/
@media screen and (min-width:768px) and (max-width:1250px) {
}

/*================================●●●●●●●●●●●●手機●●●●●●●●●●●●================================*/
@media screen and (max-width:767px){
.contable .grids{ display:block; width:auto; padding:0px; }
.contable .grids:nth-child(even){ padding:0px; }

/*驗證碼*/
.contCode{ float:none; }

/*按鈕*/
.sends{ float:none; text-align:center; padding:40px 0 0 0; }

}
