html,body{
	height:100%;
	width:;

}
html {
	display:table;
	margin:auto;
}
body {
	display:table-cell;
	vertical-align:top;
	background-color:white;
}

	table.login{
		margin-top: 0px;
	}
{-------------------}

	table{
		width:px;
		height:px;
		background-color:;

	}
	table.td1{
		background-color:;
	}
	td.td{
		border:;
		height:px;
	}
	img.header{
		height:px;
		width:px;
	}
	div.header1{
		text-align:left;
		font-size:20pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:0em;
		font-weight:bold;
		text-transform:;
	}
	div.header2,dropdown{
		text-align:right;
		letter-spacing:3pt;
		font-weight:bold;
		font-size:15pt;
		padding:0em;
	}
	div.footer1{
		text-align:center;
		font-size:10pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:1em;
		font-weight:bold;
		text-transform:;
	}
	
	a{
		text-decoration:none;
		color:gray;
		background-color:;
	}
.dropbtn {
    background-color:#ecf0f1 ;
    color: ;
    padding: px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	transition: all 0.5s;
    position: relative;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: ;
    min-width: 250px;
    box-shadow: ;
}

.dropdown-content a {
    color: ;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
	background-color: #ecf0f1 ;
}

.dropdown-content a:hover {
	background-color:white; 
	}

.dropdown:hover .dropdown-content {
    display: block;
	}

.dropdown:hover .dropbtn {
    background-color:white;
	}
		
	table.login{
		background-color:;
		height:px;		
	}


{mobile --------------------------}	
@media (max-width:450px){
html,body{
	width:100%;
	height:%;

}
	table{
		width:100%;
		height:px;
		background-color:white;
		
	}
	table.td1{
		background-color:white;
		height:25px;
		overflow: hidden;
		position: fixed;
		top: 0;
		width:100%;
	}
	table.footer{
		background-color:#ecf0f1;
		height:25px;
		position: fixed;
		bottom:0;
		left:0;
		width:100%;
	}
	td.td{
		border:black;
	}
	img.header{
		height:30px;
		width:220px;
		
	}
	div.header1{
		text-align:left;
		font-size:16pt;
		font-family:;
		color:gray;
		letter-spacing:0em;
		margin-left:0em;
		font-weight:bold;
		text-transform:;
		
	}
	div.header2,dropdown{
		text-align:right;
		letter-spacing:3pt;
		font-weight:bold;
		font-size:15pt;
		padding:0em;
		line-height:0px;
	}
	div.footer1{
		text-align:center;
		font-size:9pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:1em;
		font-weight:bold;
		text-transform:;
	}
	div.username{
		font-size:13pt;
		color:silver;
		font-weight:bold;
	}
	div.common_text {
		color:gray;
		font-size:10pt;
		font-weight:;
		padding-left:0em;
		text-align:center;
	}
	
	a{
		text-decoration:none;
		color:gray;
		background-color:;
	}
.dropbtn {
    background-color:#ecf0f1;
    color: ;
    padding: px;
    font-size:16px;
    border: none;
    cursor: pointer;
	transition: all 0.5s;
    position: relative;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color:red;
    min-width: 200px;
    box-shadow: ;
}

.dropdown-content a {
    color:;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
	background-color:#ecf0f1;
}

.dropdown-content a:hover {
	background-color:sliver; 
	}

.dropdown:hover .dropdown-content {
    display: block;
	}

.dropdown:hover .dropbtn {
    background-color:white;
	}
		
	table.login{
		margin-top:25px;
		margin-bottom:15px;
	}
	td.login1{
		background-color:white;
		width:50%;
		display:none;
	}
	td.login2{
		background-color:white;
		width:50%;
		display:display;

	}
	td.login3{
		background-color:white;
		width:50%;
		display:display;

	}
	
	table.conditioning{
		background-color:white;	
		width:100%;
	}
	td.conditioning1{
		width:10%;
		background-color:;
		text-align:center;
	}	
	
	td.conditioning2{
		width:30%;
		background-color:;
		text-align:center;
	}
	
	div.common_htext{
		font-size:12pt;
		color:gray;
		text-align:center;
		margin-bottom:px;
		font-weight:bold;		
	}

	button.create_account,a.create_account{
		color:gray;
		background-color:;
		width:100%;
		
	}
	input.login,button.login{
		background-color:;
		width:100%;
		
	}
	textarea.login{
		background-color:;
		width:100%;
		height:200px;
		
	}
	label{
		color:red;
	}
	input,select{
		color:brown;
		width:100%;
	}
	select.conditioning{
		color:brown;
		width:70%;
		padding-right:0px;
	}
	select.time{
		width:40px;
	}
	
	div.button{
		background-color:#ecf0f1;
		border-bottom: solid white;
		Width: 100%;
		color:gray;
		hieght-line:5px;
		font-weight:bold;
		text-align:center;
		font-size:12pt;
	}
	div.button:hover{
		background-color:lightblue;
		
	}
	
	
}

{tablet --------------------------}
@media (min-width:450px){
html,body{
	width:95%;
	height:%;
}
	table{
		width:100%;
		height:5px;
		background-color: #ecf0f1 ;

	}
	table.td1{
		background-color: orange;
	}
	td.td{
		border:;
		height:px;
	}
	img.header{
		height:px;
		width:250px;
	}
	div.header1{
		text-align:left;
		font-size:20pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:0em;
		font-weight:bold;
		text-transform:;
	}
	div.header2,dropdown{
		text-align:right;
		letter-spacing:3pt;
		font-weight:bold;
		font-size:15pt;
		padding:0em;
	}
	div.footer1{
		text-align:center;
		font-size:10pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:1em;
		font-weight:bold;
		text-transform:;
	}
	div.common_text {
		color:gray;
		font-size:12pt;
		font-weight:bold;
		padding-left:0em;
	}
	
	a{
		text-decoration:none;
		color:gray;
		background-color:;
	}
.dropbtn {
    background-color:  #ecf0f1 ;
    color: ;
    padding: px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	transition: all 0.5s;
    position: relative;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: ;
    min-width: 250px;
    box-shadow: ;
}

.dropdown-content a {
    color: ;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
	background-color: #ecf0f1 ;
}

.dropdown-content a:hover {
	background-color:white; 
	}

.dropdown:hover .dropdown-content {
    display: block;
	}

.dropdown:hover .dropbtn {
    background-color:white;
	}
	
	table.login{
		background-color: #e5e7e9;
		display:display;
		width:
	}
	td.login1{
		background-color: white;
		width:250px;
		display:display;
	}
	td.login2{
		background-color:white;
		width:400px;
		display:display;
		
	}
	table.create_account{
		color:white;
		background-color:white;
		width:80%;
		display:;
		border:solid #e5e7e9;
		text-align:center;
	}
	button.create_account, td.create_account{
		color:white;
		background-color:#e5e7e9;
		width:80%;
		display:none;
		text-align:center;
	}
	input.login,button.login{
		background-color:;
		width:100%;
		font-size:12pt;		
	}
	input,select,option{
		color:black;

		
	}
	labe{
		color:red;
	}
}

{Computer---------------}
@media (min-width:1500px){
html,body{
	height:100%;
	width:100%;

}
	table{
		width:100%;
		height:px;
		background-color: black ;

	}
	table.td1{
		background-color: white;
	}
	td.td{
		border:lightblue;
		height:px
		;
	}
	img.header{
		height:px;
		width:px;
	}
	div.header1{
		text-align:left;
		font-size:20pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:0em;
		font-weight:bold;
		text-transform:;
	}
	div.header2,dropdown{
		text-align:right;
		letter-spacing:3pt;
		font-weight:bold;
		font-size:15pt;
		padding:0em;
	}
	div.footer1{
		text-align:center;
		font-size:10pt;
		font-family:;
		color: gray;
		letter-spacing:0em;
		margin-left:1em;
		font-weight:bold;
		text-transform:;
	}
	
	a{
		text-decoration:none;
		color:gray;
		background-color:;
	}
.dropbtn {
    background-color:  #ecf0f1 ;
    color: ;
    padding: px;
    font-size: 16px;
    border: none;
    cursor: pointer;
	transition: all 0.5s;
    position: relative;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    right: 0;
    background-color: ;
    min-width: 250px;
    box-shadow: ;
}

.dropdown-content a {
    color: ;
    padding: 5px 5px;
    text-decoration: none;
    display: block;
	background-color: #ecf0f1 ;
}

.dropdown-content a:hover {
	background-color:white; 
	}

.dropdown:hover .dropdown-content {
    display: block;
	}

.dropdown:hover .dropbtn {
    background-color:white;
	}
		
	table.login{
		background-color:;
		
	}
	table.login{
		background-color:;
		
		
	}
	
}


{--------------------------}
	div.common_text {
		color:;
		font-size:pt;
		font-weight:;
		padding-left:0em;
	}
	label,input{
		color:gray;
		font-size:10pt;
		padding-left:0em;
		line-height:20px;
	}
	button{
		color:gray;
	}
	input,select{
		color:brown;
		width:;
	}
	div.header1{
		text-align:left;
		font-size:18pt;
		font-family:;
		color:gray;
		letter-spacing:0em;
		margin-left:0em;
		font-weight:bold;
		text-transform:;
		
	}
	table.login{
		height:0px;
	}