@media screen {
	 .template-online-result .wrap .content .typo.below-form p {
		 font-size: 15px;
		 margin-bottom: 12px;
	}
	 .template-online-result .wrap .content .typo p {
		 font-size: 16px;
		 font-weight: 400;
	}
	 .template-online-result .wrap .content .typo ul li, .template-online-result .wrap .content .typo ol li {
		 font-size: 16px;
		 font-weight: 400;
	}
	 .template-online-result .wrap .content .typo table td {
		 font-size: 12px;
	}
	 .template-online-result .wrap .content .form .wpcf7-form {
		 margin-bottom: 15px;
	}
	 .template-online-result .wrap .content .form .wpcf7-form label {
		 color: #383838;
		 font-size: 16px;
		 font-weight: bold;
		 line-height: 1;
		 margin-bottom: 0;
		 width: 100%;
	}
	 .template-online-result .wrap .content .form .wpcf7-form label .wpcf7-not-valid-tip {
		 background-color: #f44336;
		 color: #fff;
		 font-size: 12px;
		 font-weight: normal;
		 line-height: 1;
		 padding: 6px 15px;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"]), .template-online-result .wrap .content .form .wpcf7-form textarea, .template-online-result .wrap .content .form .wpcf7-form select {
		 appearance: none;
		 border: 1px solid #c9c9c9;
		 border-radius: 0;
		 color: #575757;
		 font-size: 15px;
		 font-weight: 400;
		 margin-top: 8px;
		 padding: 10px 15px;
		 text-align: left;
		 width: 100%;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"]).wpcf7-not-valid, .template-online-result .wrap .content .form .wpcf7-form textarea.wpcf7-not-valid, .template-online-result .wrap .content .form .wpcf7-form select.wpcf7-not-valid {
		 border-color: #f44336;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"]):focus, .template-online-result .wrap .content .form .wpcf7-form textarea:focus, .template-online-result .wrap .content .form .wpcf7-form select:focus {
		 box-shadow: none;
		 outline: none;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"])[type="radio"], .template-online-result .wrap .content .form .wpcf7-form textarea[type="radio"], .template-online-result .wrap .content .form .wpcf7-form select[type="radio"] {
		 display: none;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"])[type="radio"] + label, .template-online-result .wrap .content .form .wpcf7-form textarea[type="radio"] + label, .template-online-result .wrap .content .form .wpcf7-form select[type="radio"] + label {
		 position: relative;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"])[type="radio"] + label:before, .template-online-result .wrap .content .form .wpcf7-form textarea[type="radio"] + label:before, .template-online-result .wrap .content .form .wpcf7-form select[type="radio"] + label:before {
		 content: "\f111";
		 font-family: 'Font Awesome 5 \Free';
		 font-weight: 400;
	}
	 .template-online-result .wrap .content .form .wpcf7-form input:not([type="submit"])[type="radio"]:checked + label:before, .template-online-result .wrap .content .form .wpcf7-form textarea[type="radio"]:checked + label:before, .template-online-result .wrap .content .form .wpcf7-form select[type="radio"]:checked + label:before {
		 content: "\f058";
		 font-weight: 900;
	}
	 .template-online-result .wrap .content .form .wpcf7-form button, .template-online-result .wrap .content .form .wpcf7-form input[type="submit"] {
		 border: 0;
		 border-radius: 0;
		 color: #fff;
		 font-size: 14px;
		 font-weight: normal;
		 padding: 10px 30px;
		 transition: all 0.3s;
		 text-transform: uppercase;
	}
	 .template-online-result .wrap .content .form .wpcf7-form button:hover, .template-online-result .wrap .content .form .wpcf7-form input[type="submit"]:hover {
		 color: #fff;
		 opacity: 0.8;
	}
	 .template-online-result .wrap .content .form .wpcf7-form button:focus, .template-online-result .wrap .content .form .wpcf7-form input[type="submit"]:focus {
		 box-shadow: none;
		 outline: none;
	}
	 .template-online-result .wrap .content .form .wpcf7-form select {
		 background-image: url(../img/select-arrow.png);
		 background-position: calc(100% - 15px) center;
		 background-repeat: no-repeat;
		 background-size: auto;
	}
	 .template-online-result .wrap .content .form .wpcf7-form .note {
		 color: #917d6e;
		 font-size: 13px;
		 font-weight: 400;
		 line-height: 1;
	}
	 .template-online-result .wrap .content .form .wpcf7-form .wpcf7-response-output {
		 display: none !important;
	}
	 .template-online-result .wrap .content .form .wpcf7-form .one-col {
		 margin-top: 30px;
		 margin-bottom: 30px;
	}
	 .template-online-result .wrap .content .form .wpcf7-form .one-col span {
		 padding-top: 5px;
	}
	 .template-online-result .wrap .content .instruction {
		 display: flex;
		 flex-direction: column;
		 margin-top: 30px;
		 margin-bottom: 24px;
	}
	 .template-online-result .wrap .content .instruction .image {
		 background-color: #f5f5f5;
		 background-position: center center;
		 background-repeat: no-repeat;
		 background-size: contain;
		 flex: 1 0 auto;
		 height: 297px;
		 margin: 0 auto;
		 width: 200px;
	}
	 .template-online-result .wrap .content .instruction .info {
		 flex: 1 1 auto;
		 padding-top: 30px;
		 position: relative;
	}
	 .template-online-result .wrap .content .instruction .info:before {
		 background-color: #000;
		 content: "";
		 height: 50px;
		 margin: 0 auto;
		 position: absolute;
		 top: -3px;
		 left: 0;
		 right: 0;
		 width: 3px;
		 z-index: 1;
	}
	 .template-online-result .wrap .content .instruction .info .box {
		 background-color: #fff;
		 border: 2px solid #000;
		 margin-bottom: 20px;
		 position: relative;
		 z-index: 2;
	}
	 .template-online-result .wrap .content .instruction .info .box .heading {
		 background-color: #000;
		 color: #fff;
		 font-size: 15px;
		 font-weight: bold;
		 line-height: 1;
		 padding: 10px 6px;
		 text-align: left;
	}
	 .template-online-result .wrap .content .instruction .info .box .wrap {
		 padding: 9px 5px;
	}
	 .template-online-result .wrap .content .instruction .info .box .wrap div {
		 color: #383838;
		 font-size: 15px;
		 font-weight: normal;
		 margin-bottom: 10px;
	}
	 .template-online-result .wrap .content .instruction .info .box .wrap div:last-child {
		 margin: 0;
	}
	 .template-online-result .wrap .content .instruction .info .box .wrap div strong {
		 display: inline-block;
		 font-weight: bold;
		 margin-right: 10px;
	}
	 .template-online-result .wrap .content .instruction .info .desc {
		 color: #383838;
		 font-size: 15px;
		 font-weight: normal;
	}
}
 @media screen and (min-width: 768px) {
	 .template-online-result .wrap .content .instruction {
		 flex-direction: row;
		 flex-wrap: nowrap;
	}
}
 @media screen and (min-width: 992px) {
	 .template-online-result .wrap .content .instruction {
		 margin-top: 0;
	}
}
 @media screen and (min-width: 768px) {
	 .template-online-result .wrap .content .instruction .info {
		 padding-top: 0;
		 padding-left: 40px;
	}
}
 @media screen and (min-width: 768px) {
	 .template-online-result .wrap .content .instruction .info:before {
		 height: 3px;
		 margin: 0;
		 top: 48px;
		 left: -3px;
		 right: auto;
		 width: 100%;
	}
}