*{margin:0;padding:0; box-sizing:border-box; font-family:Nota Sans Tamil,Arial; 
	font-size:min(4.5vw, 16px);  line-height:1.7}
main{border:3px solid #057; min-height:100dvh; background:linear-gradient(60deg,#fff,#edd); padding-bottom:50px; }
header{padding:5px 10px; background:linear-gradient(90deg,#057,#075); width:100%; top:0; color:#fff; 
	font-size:1.5em; position:sticky; font-weight:600;font-family:Georgia }
footer{text-align:center;position:fixed;bottom:0;  background:linear-gradient(90deg,#057,#075);
	border-top:1px solid; width:100%;color:#eee}
table{border-collapse:collapse;width:100%; border:2px solid #999;background:#fff; margin-bottom:10px;}
p{margin:5px 0;}
thead,tbody{width:100%}
tr{height:min}
td,th{border:1px solid #aaa; padding:5px 7px;text-align:left;line-height:1.4;color:#123;}
th{color:#087}
fieldset{border:1px solid; padding:0 10px; margin:auto; width:92%; margin-top:15px; border-radius:5px;}
input,select,textarea{width:100%;max-width:350px;padding:3px 5px;border:0;background:transparent; margin:4px auto;
	border-bottom:1px solid; color:#000;text-align:left; border-radius:3px;}
option{width:80%;}
select{padding:6px}
form{padding:20px;background:#; border-radius:7px;max-width:400px;margin:auto; border:1px solid #123}
form h4{color:#eee}
input[type=checkbox]{width:20px;}
textarea{height:80px; resize:none;}
.inp2 input{border:3px solid #aaa;width:100px;border-radius:15px;}
button,.btn{padding:3px 16px; margin:6px 2px; border:1px solid #888; border-radius:30px;background:#fff;color:#123}
button:active,button:focus{background:#a0a;color:#eee}
h1,h4{text-align:left;line-height:1.4; padding:10px 0; color:#357;font-size:1.8em;text-align:center;
	font-weight:600; font-family:Georgia}
h2{font-size:18px;color:#999;text-align:center}
h3{color:#057;padding: 0 20px; margin:2px 0; text-align:center;font-size:18px;}
a{letter-spacing:1.1;text-decoration:none;}
a:hover{color:#f0f}
.hid{display:none}
.bd1{border:1px solid}
.pad{padding:20px;}
.bg1{background:#087;color:#fff;border-radius:6px}
.bg1 h3{color:#eee}
.w{color:#fff;}
.gold{color:#770}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;float:left;}
.w33{width:33%;float:left}
.w50{width:50%;}
.w66{width:66%;float:right}
.w75{width:75%;float:right}
.fl{float:left}
.fr{float:right}
.tac{text-align:center}
.tal{text-align:left;}
.small{font-size:0.8em}
.inner{padding:3px 20px; text-align:left;max-width:500px;margin:auto;}
.box{width:100%;max-width:500px;margin:2px auto;height:auto;padding:15px;border-radius:10px;box-shadow:0 2px 2px #ccc}
.sidemenu{color:#fff;font-size:18px;padding:0 6px;font-weight:600}
.crossmenu{color:red;cursor:pointer; float:right;font-size:30px;margin-right:10px}
#img{height:30px;width:100px;}
#img2{width:100%;padding:10px; border-radius:7px;}
#title{box-shadow:0 0 10px #000; width:100%;padding:2px}
#menu{text-align:left;margin-top:6px;}
#menu input{border-radius:30px;text-align:center}
#footer{padding:6px;width:100%;margin:Auto}
#welcome{display:block;padding:4px 0px;width:100%;max-width:500px;margin:auto;}
#prodtbl td{min-height:30px;}
#note{position:fixed;top:10dvh; width:96%; left:2%; font-size:18px;margin:auto;
	box-shadow:0 0 20px green inset; z-index:110;background:#ddd;padding:20px;color:#123;display:none;} 
.l2r{-webkit-animation:1s l2r;animation:1s l2r;}
@keyframes l2r{0%{-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}
30%{visibility: hidden;-webkit-transform: translate3d(-100%,0,0);transform: translate3d(-100%,0,0);}}
::placeholder{color:#aaa}
::-webkit-scrollbar{width: 1px;border-radius: 25px;}
::-webkit-scrollbar-track{background: #f1f1f1;}
::-webkit-scrollbar-thumb{background:transparent;}