*{margin:0;padding:0; box-sizing:border-box; font-family:Nota Sans Tamil,Arial; font-size:min(4.5vw, 16px);  line-height:1.7}
body{border-top:6px solid #08f;}
table{border-collapse:collapse;width:100%; border:2px solid #999;background:#fff;}
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{width:100%;max-width:350px;padding:3px 5px;border:0;background:#fff; margin:2px auto;
	color:blue;text-align:left; border-radius:3px;}
option{width:80%;}
select{padding:6px}
form{padding:20px;background:#087;border-radius:7px;max-width:400px;margin:auto;}
form h4{color:#eee}
input[type=checkbox]{width:20px;}
textarea{width:100%;max-width:350px;height:80px;padding:7px 10px;border:0;border-bottom:1px solid;resize:none;
	margin:2px auto;}
button{padding:3px 7px;margin:3px;}
button:active,button:focus{background:#a0a;color:#eee}
h1{text-align:left;line-height:1.4; padding:20px 0 10px; color:#123;font-size:1.7rem;text-align:center;
	font-weight:500;}
h3{text-align:left;line-height:1.4; padding:20px 0 10px; color:#123;font-size:1.5rem;text-align:center;
	font-weight:500;}
h2{font-size:1.6rem;color:#999;text-align:center}
h4{margin:2px 0;color:#123;text-align:center;font-size:1.4rem;font-weight:normal}
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;}
.taj{text-align:justify;}
.inner{padding:3px 20px; text-align:left;max-width:500px;margin:auto;}
.box{width:100%;max-width:500px;margin:0 auto;height:auto;padding:10px 20px;border-radius:10px;}
.sidemenu{color:#dd0;font-size:18px;padding:0 6px;font-weight:600}
.crossmenu{color:red;cursor:pointer; float:right;font-size:30px;margin-right:10px}
#title,#clients{}
#frame{border:3px solid #a0a; border-bottom:10px solid #a0a; position:fixed; overflow:scroll;
	top:5px; bottom:0; padding:35px 0 10px;z-index:-1; width:100%;text-align:center;}
#menu{text-align:left;margin-top:6px;}
#menu input{border-radius:30px;text-align:center}
#title1{padding:5px 10px;background:#a0a;position:fixed;width:100%;top:0;
	border-top:6px solid #08f;color:gold;font-size:1.3em}
#footer{padding:6px;width:100%;margin:Auto}
#welcome{display:block;padding:12px;width:100%;margin:auto;box-shadow:0 0 10px #000;}
#note{position:fixed;top:10dvh; width:96%; left:2%; font-size:16px;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;}