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


		}
		.info{
			width: 100%;
			background-color: #F6F4F4;
			padding: 7px;
			text-shadow: 1px 1px 1px #222;
			color: #000;
			font-size: 20px;
		}
		.form-box{
			padding: 20px;
			background-color:#F0EDEE;
            border-radius: 8px;

		}
		label{
			color: 000;
			font-size: 18px;
		}
		.inp,.msg-box{
			width: 100%;
			padding: 10px;
			margin-top: 4px;
			margin-bottom: 5px;
			border-radius: 5px;
			border: 1px solid #000;
			font-weight: bold;
			color: #000;
			border-right: 1px solid #000;
			border-left: 1px solid #000;
			resize: none;
		}
		.msg-box{
			height: 80px;
		}
		.inp:focus,.msg-box:focus{
			outline: none;
			border: 1px solid #DAD8D8;
			border-right: 15px solid #DAD8D8;
			border-left: 15px solid #DAD8D8;
		}

		.inp,.time{
			width: 100%;
			padding: 10px;
			margin-top: 4px;
			margin-bottom: 5px;
			border-radius: 5px;
			border: 1px solid #000;
			font-weight: bold;
			color: #000;
			border-right: 1px solid #000;
			border-left: 1px solid #000;
			resize: none;
            
          
		}
		.sub-btn{
			width: 100%;
			padding: 10px;
			border-radius: 5px;
			margin-top: 5px;
			border: none;
			background: linear-gradient(to bottom, #ff3300 0%, #800000 100%);
			cursor: pointer;
			color: #fff;
			font-size: 20px;
			text-shadow: 1px 1px 1px #444;
		}
		.sub-btn:hover{
			background: linear-gradient(#800000,#dc143c);
			opacity: 0.8;
			transition: all ease-out 0.2s;
		}
		.sub-btn:focus{
			outline: none;
		}
		@media(max-width: 720px){
			.main{
				width: 90%;
			}
		}