@charset "utf-8";

/* CSS Document */

/* RESPONSIVE STYLE */
.main {
	margin-top:0%;
}

.container {
	margin:5%;
	margin-top:2.5%;
	text-align:center;
}

.imgResponsive {
	max-width:100%;
	height:auto;
}
/* Table Style */

table {
  border-collapse: collapse;
  width: 100%;
  margin-left: auto; 
  margin-right: auto;
  table-layout: fixed;
}

td, th {
  border: 1px solid #f90;
  text-align: left;
  padding: 8px;
}

th {
  background-color: #dddddd;
}

.resTable, .comTable {
	width: 80%;
}
/* Viewport Animation */

.box100 { width:100%; margin:0%; height:Auto; float:left;}
.box75 { width:75%; margin:0%; height:Auto; float:left; line-height:25px;}
.box50 { width:50%; margin:0%; height:Auto; float:left; line-height:25px;}
.box33 { width:33%; margin:0%; height:Auto; float:left; line-height:25px;}
.box25 { width:25%; margin:0%; height:Auto; float:left; line-height:25px;}
.box20 { width:20%; margin:0%; height:Auto; float:left; line-height:25px;}

@media screen and (max-width: 1024px) {
  .main {
	margin-top:0%;
  }

  .imgResponsive {
    width:25%;
	height:auto;
  }

  .logoResponsive {
    width:100%;
	height:auto;
  }

  .box100 { width:100%;}
  .box75 { width:100%;}
  .box50 { width:100%;}
  .box33 { width:100%;}
  .box25 { width:100%;}
  .box20 { width:100%;}

  table {
    width: 100%;
  }
 .resTable, .comTable {
	width: 100%;
  } 
}