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

.grid-group{ overflow:hidden; width:100%; clear:both; box-sizing:border-box; font-size:1em; }
.grid-group > div{ float:left; border:0pt solid #ccc; box-sizing:border-box; padding:.2% .5%; margin:.5% 0%; }
.grid-group > div {  }

.grid-12{ width:99.5%; }
.grid-11{ width:91.16%; }
.grid-10{ width:82.83%; }
.grid-9{ width:74.49%; }
.grid-8{ width:66.16%; }
.grid-7{ width:57.83%; }
.grid-6{ width:49.5%; }
.grid-5{ width:41.16%; }
.grid-4{ width:32.83%; }
.grid-3{ width:24.5%; }
.grid-2{ width:16.16%; }
.grid-1{ width:7.83%; }
@media screen and (max-width:768px) {
.grid-1{  width:32.83%;  }
}
@media screen and (max-width:568px) {
/*.grid-group{ font-size:1.3em; }
*/.grid-1{ width:24.5%; }
.grid-3{ width:49.5%; }
.grid-12, .grid-11, .grid-10, .grid-9, .grid-8, .grid-7, .grid-6, .grid-5, .grid-4 , .grid-2{ width:99.5%; }
}

.grid-group div{ position:relative; }
.grid-group div label{ display:block; font-size:13px; font-weight:400; }
.grid-group div span{ color:#97131b; }
.grid-group div input[type=text]{ width:100%; height:36px; margin:0; padding:8px 10px; box-sizing:border-box; border:1px solid #999999; border-radius:2px; -webkit-appearance:none; -moz-appearance: none; }
.grid-group div input[type=submit]{ background:#97131b; color:#fff; text-transform:uppercase; margin:0; padding:5px 30px; box-sizing:border-box; border:0 solid #999999; font-size:18px; margin:0 1px; -webkit-appearance: none; -moz-appearance: none; border-radius:2px; }
.grid-group div input[type=reset]{ background:#3c3b3c; color:#fff; text-transform:uppercase; margin:0; padding:5px 30px; box-sizing:border-box; border:0 solid #999999; font-size:18px;; margin:0 1px; -webkit-appearance:none; -moz-appearance: none; border-radius:2px; }

.grid-group div select{ width:100%; margin:0; height:36px; box-sizing:border-box; border:1px solid #999999; background:#fff; -webkit-appearance: none; -moz-appearance:none; padding:0 10px; border-radius:2px; }
.grid-group div i{ position:absolute; bottom:8px; right:7px; color:#97131b; font-size:16px; border-left:1px solid #ccc; padding:0 0 0 5px; line-height:20px; }

.grid-group div textarea{ width:100%; min-height:150px; margin:0; padding:8px 10px; box-sizing:border-box; border:1px solid #999999; font-size:12px; border-radius:2px; -webkit-appearance:none; -moz-appearance: none; }
.grid-group .remark{ text-align:center; font-style:italic; font-size:11px; }

.grid-group div select:focus, .grid-group div input[type=text]:focus, .grid-group div textarea:focus{ box-shadow:0 0 5px #ccc; border-color:#666; }

.formControl{ text-align:center; margin:40px 0 10px 0; }