﻿@charset "UTF-8";
body{background-color: #F2F2F2;}
.col-13{flex: 0 0 auto;width: 50%;padding: 0 8px;}
.col-14{flex: 0 0 auto;width: 100%;padding: 0 8px;}
label{font-weight: 400;font-size: 16px;color: #404040;}
input.form-control,textarea.form-control{background-color: #F2F2F2; border: none;border-bottom: 1px solid #404040;border-radius: 0;}
#message{height: 85px;}
#btn_send{background: #D9D9D9;font-size: 16px; font-weight: bolder;color: #404040; border: none; border-radius: 0;padding: 8px 25px;display: inline-block;cursor: pointer;margin-left: 8px;}
.form-control:focus {
    color: #212529;
    background-color: #F2F2F2;
    border-color: #404040;
    outline: 0;
    box-shadow: none;
}
.code {
	background: url("../images/bg_verify.jpg");
	font-family: Arial;
	font-style: italic;
	color: #584f34;
	font-size: 20px;
	border: 0;
	padding: 2px 3px;
	letter-spacing: 3px;
	font-weight: bolder;
	float: left;
	width: 150px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	vertical-align: middle;
	margin-left: 5px;}
.refresh {
	background-image: url(../images/refresh.svg);
	background-repeat: no-repeat;
	width: 53px;
	height: 34px;
	float: left;
	margin-left: 10px;
	background-size: 56%;
	background-position: center;
	cursor: pointer;}
#verify{padding-left: 8px;}
#verify > div.vsec-01{min-width: 140px; max-width: 210px;margin-right: 20px;}
#verify > div.vsec-02{min-width: 218px;}
#verify > label{line-height: 40px;margin-bottom: 0;}
@media (max-width:450px) {
	.col-13{width: 100%;}
	#verify > div{width: 100%;}
	#verify .vsec-02{padding-top: 25px;}
}