body { font-family: Arial, Helvetica, sans-serif;text-align:center; }

#divHeading { background-color:#F4F4F4;height:50px;left:0px;position:fixed;top:0px;width:100%;z-index:2; }
#divBody { margin-top:50px;text-align:center;z-index:1; }

.clsInput { border-color:#919191;border-radius:5px;border-width:1px;font-size:18px;font-weight:bold;height:30px;margin-top:5px;text-align:center;width:400px; }
.clsInputSearch { border-color:#919191;border-radius:5px;border-width:1px;font-size:18px;font-weight:bold;height:30px;margin-top:5px;text-align:center;width:400px; }
.clsSubmit { background-color:#007AFF;border-radius:20px;color:#000000;cursor:pointer;font-size:20px;font-weight:bold;height:60px;margin-top:20px;width:240px; }

/* SPECIAL */
.clsDivSpecial { background: rgb(240, 240, 240, 1.0);border-style:solid;border-width:3px;color:#000000;cursor:pointer;display:inline-block;height:400px;margin:10px;position:relative;text-align:left;vertical-align:top;width:300px;z-index:3; }
.clsDivA { display:inline-block;vertical-align:top;width:100%; }
.clsImgSpecial { height:auto;width:100%; }
.clsDivB { display:inline-block;padding:5px;text-align:center;vertical-align:top;width:calc(100% - 10px); }
.clsDivComment { font-size:16px;font-weight:bold;width:100%; }
.clsDivC { display:inline-block;height:auto;text-align:left;vertical-align:top;width:100%; }
.clsDivCBusinessLogo { display:inline-block;padding:10px;vertical-align:middle; }
.clsImgBusinessLogo { border-radius:10px;display:inline-block;height:auto;vertical-align:middle;width:50px; }
.clsDivCBusinessDetails { display:inline-block;padding:5px;vertical-align:middle;width:calc(100% - 90px); }
.clsDivBusinessName { font-size:16px;font-weight:bold;vertical-align:middle }

@media only screen and (max-width:600px) {
	#divHeading { height:50px; }
	#divBody { top:50px; }
	.clsDivHeading { font-size:5.0vw; }
	.clsDivText { font-size:4.0vw; }
	.clsInput { width:90%; }
	.clsInputSearch { height:24px;margin-top:5px;width:70%; }
	.clsSelect { width:90%; }

	/* SPECIAL */
	.clsDivSpecial { height:auto;margin:0px;margin-bottom:10px;text-align:center;width:93%; }
	.clsDivA { display:inline-block;vertical-align:middle;width:100%; }
	.clsImgSpecial { height:auto;margin:0px;width:100%; } 
	.clsDivB { display:block;padding-left:0px;padding-top:0px; }
	.clsDivComment { font-size:18px;font-weight:bold;width:100%; }
	.clsDivC { display:inline-block;height:auto;text-align:left;vertical-align:top;width:100%; }
	.clsDivCBusinessLogo { display:inline-block;padding:10px;vertical-align:middle; }
	.clsImgBusinessLogo { border-radius:10px;display:inline-block;height:auto;vertical-align:middle;width:60px; }
	.clsDivCBusinessDetails { display:inline-block;padding:5px;vertical-align:middle;width:calc(100% - 90px); }
	.clsDivBusinessName { font-size:18px;font-weight:bold;vertical-align:middle }
	.clsDivBusinessAddress { font-size:14px;font-weight:bold;vertical-align:middle; }

	#divUpload { width:100%; }
	#divUploadPreview { height:auto;width:100%; }
	.clsImgUploadPreview { height:auto;width:95%; }
}