@charset "utf-8";

#contactfree{ display:block; }
.form_row{ margin:0 -5px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.form_row:last-child{ margin-bottom:0; }
.form_row.button{ text-align:right; }
.form_row > .form_item{ width:50%; padding:0 5px 10px; }
.form_row > .form_item.full{ width:100%; }
.form_row > .form_item > input{ border-radius:5px; border:none; background-color:#f5f5f5; width:100%; padding:10px 15px; font-size:16px; border:1px solid #ddd; }
.form_row > .form_item > input::placeholder{ color:#888; }
.form_row > .form_item > input:focus{ outline:none; }
.form_row > .form_item > textarea{ width:100% !important; padding:7px 15px; border-radius:5px; border:none; background-color:#f5f5f5; font-size:16px; line-height:1.6em; height:136px; border:1px solid #ddd; }
.form_row > .form_item > textarea:focus{ outline:none; }
.form_row > .form_item > textarea::placeholder{ color:#888; }

.check_tt{ margin-bottom:10px; }
.check_tt > h3{ font-size:24px; font-weight:700; color:#333; }
.check_tt > p{ font-size:16px; font-weight:300; color:#666; }
.check_tt > p > u{ color:#0360eb; }
.check_wrap{ margin:0 -5px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; }
.check_wrap > li{ width:20%; padding:0 5px; }
.check_wrap > li > input[type="checkbox"]{ display:none; }
.check_wrap > li > input[type="checkbox"] + label{ display:block; width:100%; position:relative; z-index:1; font-family:'score'; font-size:16px; font-weight:300; color:#333; cursor:pointer; padding:10px; text-align:center; border:1px solid #aaa; border-radius:4px; }
.check_wrap > li > input[type="checkbox"]:checked + label{ border:1px solid #0368eb; background-color:#0368eb; color:#fff; }

.form_row > .form_item.agree{ width:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -webkit-box-lines:multiple; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.agree_lf{ padding-right:20px; }
.agree_lf > label{ font-size:16px; font-weight:300; color:#666; }
.agree_rt > .agree_btn{ display:inline-block; padding:7px 15px; text-align:center; font-size:15px; font-weight:300; color:#333; border:1px solid #aaa; border-radius:3px; background-color:#fff; box-shadow:inset 0 -20px 15px -10px rgba(0,0,0,0.2); cursor:pointer; }
.agree_rt > .agree_btn:hover{ border:1px solid #0368eb; background-color:#0368eb; color:#fff; }

.pri_wrap{ visibility:hidden; position:fixed; z-index:99999; top:50%; left:50%; max-width:450px; width:calc(100% - 40px); max-height:550px; height:calc(100% - 80px); transform:translate(-50%, -45%); opacity:0; background-color:#f7f7f7; border-radius:10px; box-shadow:6px 6px 10px 0 rgba(0,0,0,0.15), inset -3px -3px 3px 0 rgba(0,0,0,0.2), inset 3px 3px 3px 0 rgba(255,255,255,0.7); padding:40px 15px 20px; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -ms-flex-direction:column; flex-direction:column; transition:0.4s opacity, 0.4s transform, 0s visibility 0.4s; }
.pri_wrap.act{ visibility:visible; transform:translate(-50%, -50%); opacity:1; transition:0.4s opacity, 0.4s transform, 0s visibility 0s; }
.pri_wrap > .pri_cl{ position:absolute; z-index:1; top:0; right:0; font-size:30px; color:#333; padding:5px; cursor:pointer; }
.pri_wrap > h3{ font-size:25px; font-weight:700; color:#333; margin-bottom:15px; text-align:center; word-break:keep-all; }
.pri_box{ height:100%; overflow-y:auto; border:1px solid #ddd; border-radius:5px; background-color:#fff; padding:10px; }
.pri_box::-webkit-scrollbar { width:3px; background-color:transparent; position:fixed; z-index:999999; }
.pri_box::-moz-scrollbar { width:3px; background-color:transparent; position:fixed; z-index:999999; }
.pri_box::-webkit-scrollbar-track{ background-color:#666; }
.pri_box::-moz-scrollbar-track{ background-color:#666; }
.pri_box::-webkit-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.5);  border-radius:20px; }
.pri_box::-moz-scrollbar-thumb { background-color:rgba(255, 255, 255, 0.5);  border-radius:20px; }
.pri_box > p{ font-size:17px; font-weight:300; color:#777; line-height:1.6em; }

.form_row.button{ display:-webkit-box; display:-ms-flexbox; display:flex; }
.form_row.button > li{ width:50%; padding:0 5px; }
.form_row.button > li > button{ display:block; width:100%; padding:10px 30px; border-radius:5px; font-size:15px; font-weight:300; color:#fff; text-align:center; background-color:#34a0ff; cursor:pointer; }
.form_row.button > li > a{ display:block; width:100%; padding:10px 30px; border-radius:5px; font-size:15px; font-weight:300; color:#fff; text-align:center; background-color:#34a0ff; cursor:pointer; }

@media(max-width:600px){
	.form_row > .form_item{ width:100%; }
	.check_wrap > li{ width:33.33333333%; padding:0 5px 10px; }
	.check_wrap > li > input[type="checkbox"] + label{ font-size:14px; padding:6px; }
}