@viewport { width: device-width; zoom: 1;}
div.lap{display: none;}
BODY
{
MARGIN-TOP: 0px;
MARGIN-LEFT: 2px;
MARGIN-RIGHT: 2px;
BACKGROUND-COLOR:#4578AB;
}

TABLE
{width: 100%; padding: 5px;margin-left: auto;margin-right: auto;BACKGROUND-COLOR: #4578AB;}
TABLE.b
{width: 100%; padding: 5px;margin-left: auto;margin-right: auto;border-collapse:collapse;
BORDER-RIGHT: #336699 1px solid;
BORDER-TOP: #6699CC 1px solid;
BORDER-LEFT: #6699CC 1px solid;
BORDER-BOTTOM: #336699 1px solid;
BACKGROUND-COLOR: #5588BB
}
.ts1 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;border-collapse: collapse;width: 100%; padding: 5px;margin-left: auto;margin-right: auto;}
.ts1 th {background-color: #114477;color:#FFFFFF;text-align: center;padding: 0px;}
.ts1 td, .ts1 th {border: 1px solid #336699;padding: 0px;}
.ts1 tr:nth-child(even){background-color: #4578AB;}
.ts1 tr:nth-child(odd){background-color:#6699CC;}
.ts1 tr:hover{background-color:#336699;}
.table-striped > tbody > tr:nth-child(odd).selected > td {background-color:#336699;}
.table-striped > tbody > tr:nth-child(even).selected > td {background-color: #336699;}
tr.s:nth-child(even) { background-color: #6699CC;}
.tb:nth-child(odd) { background: #6699CC;   border-radius: 15px;   padding: 0px; }
tr:hover {background-color: #336699;}
TABLE.h
{
padding-right: 1px;
padding-left: 1px;height: 30px;
border: 1px solid #336699;
}
h1 {
text-decoration: underline;	color: #FFFFFF;
}
h2 {
text-decoration: underline;
color: #99FFFF;
}
h3 {
text-decoration: underline;	color: #FFFFFF;
}
TD
{
FONT-SIZE: 16px;
border-collapse:collapse;
COLOR:#FFFFFF;
FONT-FAMILY: 'Courier New';
TEXT-ALIGN: center;
padding: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #6699CC;
border-right-color: #336699;
border-bottom-color: #336699;
border-left-color: #6699CC;
}
TD.l
{
text-align: left;
}
TD.r
{
text-align: right;
}
TD.nl
{
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
TD.n
{
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
TD.lg {color: #00FF00;text-align: left;}
TD.cr
{
color: #990033;
}
TD.cg
{
color: #00FF00;
}
TD.cy
{
color: #FFFF00;
}
TD.hg { padding-right: 2px;padding-left: 2px;padding-top: 2px;padding-bottom: 2px;FONT-FAMILY: 'Times New Roman';height: 20px;
color: #FFFFFF;
background-color: #336699;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
}
TD.h
{padding-right: 2px;padding-left: 2px;padding-top: 2px;padding-bottom: 2px;FONT-FAMILY: 'Times New Roman';height: 40px;
color: #FFFFFF;
background-color: #336699;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
-webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;}
TD.h2
{
text-decoration: underline;
background-color: #336699;
border: 1px outset #336699;
color: #99FFFF;
font-size: 24px;
}
TD.t
{
FONT-SIZE: 25px;
COLOR: #006600;
FONT-STYLE: normal;
FONT-FAMILY: Arial, Helvetica, sans-serif;
background-color: #99FF99;
border-top-style: outset;
border-right-style: outset;
border-bottom-style: outset;
border-left-style: outset;
}
TD.f
{
padding-right: 1px;
padding-left: 1px;
font-size: 25px;
padding-bottom: 1px;
color: #ff0033;
padding-top: 1px;
font-family: 'Tw Cen MT';
background-color: #CCCCCC;
border: 1px outset;
}
A
{COLOR: #FFFFFF;
text-transform: uppercase;
text-decoration: none;
}
A:visited
{
color: lightcyan;
font-style: normal;
}
A:active
{
text-decoration: underline;
}
A:hover
{
FONT-WEIGHT: bolder;
COLOR: blue;
BACKGROUND-COLOR: silver
}
INPUT
{height:30px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;FONT-SIZE: 18px;
COLOR: #000000;
FONT-FAMILY: 'Courier New';
BACKGROUND-COLOR: #F1FCFE;
}
INPUT.b
{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
TEXT-TRANSFORM: uppercase;
BORDER-RIGHT: #114477 1px solid;
BORDER-TOP: #6699CC 1px solid;
BORDER-LEFT: #6699CC 1px solid;
BORDER-BOTTOM: #114477 1px solid;
BACKGROUND-COLOR: #5588BB;
color: #FFFFFF;
}
.button { cursor: pointer;    -webkit-transition-duration: 0.4s;     transition-duration: 0.4s;height:30px; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius: 10px;
BORDER-RIGHT: #114477 1px solid;
BORDER-TOP: #6699CC 1px solid;
BORDER-LEFT: #6699CC 1px solid;
BORDER-BOTTOM: #114477 1px solid;
BACKGROUND-COLOR: #5588BB;
color: #FFFFFF;
}
.button:hover {    background-color: #336699;    color: white; }
INPUT.c
{ height:30px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
BACKGROUND-COLOR: #5588BB
}
OPTION
{ height:30px; FONT-SIZE: 18px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
FONT-FAMILY: 'Courier New';
text-transform: uppercase;
BACKGROUND-COLOR: #F1FCFE;
}
SELECT
{ FONT-SIZE: 18px; border-radius: 7px;
FONT-WEIGHT: bold;
FONT-FAMILY:  'Courier New';
}
TEXTAREA
{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px;
FONT-WEIGHT: bolder;
FONT-FAMILY: 'Courier New';
BACKGROUND-COLOR: #F1FCFE;
}
.tableRollOverEffect1{
background-color:#317082;
color:#FFF;
}
.tableRowClickEffect1{
background-color:#F00;
color:#FFF;
}
img, video, canvas {  max-width: 100%;}
.section {	clear: both;	padding: 0px;	margin: 0px;}
.col {	display: block;	float:left;	margin: 0 0 0 0;}
.col:first-child { margin-left: 0; }
.group:before,
.group:after { content:''; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }
.span_4_of_4 {	width: 100%;}
.span_3_of_4 {	width: 75%;}
.span_2_of_4 {	width: 50%;}
.span_1_of_4 {	width: 25%;}
@media only screen and (max-width: 520px) {	.col {  margin: 0 0 0 0; }	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; } }
.alert.success {background-color: #4CAF50;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.alert {    padding: 20px;    background-color: #f44336;    color: white;    opacity: 1;    transition: opacity 0.6s;    margin-bottom: 0px; padding: 15px;}
.closebtn {    margin-left: 15px;    color: white;    font-weight: bold;    float: right;    font-size: 22px;    line-height: 20px;    cursor: pointer;    transition: 0.3s;}
.closebtn:hover {    color: black;}
ul.ri{ list-style-type:none;margin:0;padding:0;position:relative;float:right;}
ul { list-style-type:none;margin:0;padding:0;position:absolute;}
li {display:inline-block;float: left;margin-right: 1px;}
li a { display:block;min-width:100px; text-align: center;font-size: 14px;line-height: 30px;font-family: 'Times New Roman', Georgia, Serif;  text-shadow: 1px 1px 0px  #336699;color: #FFFFFF;background:#4578AB;text-decoration: none;}
li input {   display: inline-block;    color: #000000;    padding: 5px 0px;    text-decoration: none;    transition: 0.3s;    font-size: 14px}
li a.c{BORDER-RIGHT: #6699CC 1px solid;BORDER-TOP: #6699CC 1px solid;BORDER-LEFT: #6699CC 1px solid;BORDER-BOTTOM: #336699 1px solid;BACKGROUND-COLOR: #336699;}
li:hover a { background:#336699; }
li:hover ul a { background:#6699CC; color: #FFFFFF; height: 30px; line-height: 30px;}
topnav{ width: 100%; font-family: 'Times New Roman', Georgia, Serif;  border-bottom: 1px solid #336699;}
li:hover ul a:hover { background:#336699;color: #fff;}
li ul { display: none; }
li ul li { display: block;float: none;}
li ul li a { width: auto;min-width: 100px;    padding: 0 20px;text-align:left;}
ul li a:hover + .hidden, .hidden:hover { display: block;}
ul.topnav li.icon {display: none;}
@media screen and (max-width:680px) {
ul.topnav li:not(:first-child) {display: none;}
ul.ri li.pcon {display: none;}
div.pc{display: none;}
div.lap{display:inline-block;}
ul.topnav li.icon {  display: inline-block;  }
}
@media screen and (max-width:680px) {
ul.topnav.responsive { position:static;}
ul.topnav.responsive li.icon {    position: static;    right: 0;    top: 0;  }
ul.topnav.responsive li {    float: none;    display: inline;margin-bottom: 1px;  }
ul.topnav.responsive li a {    display: block;    text-align: left;width: 100%;padding:8 20px;margin-bottom: 1px;  }
}