﻿html{ border:0; margin:0px auto 0px auto; padding:0px 0px 0px 0px; font-size:14px; font-family:Arial, Tahoma, Geneva, Verdana; text-align:center;}
body { margin:0px auto 0px auto; padding:0px 0px 0px 0px; text-align:left;}
ul.ulClear, ul.ulClear li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
img{ border:0px;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a.none{ color:#000000; text-decoration:none;}
h1.none, h2.none{ font-size:12px; margin:0px; padding:0px; font-weight:normal;}
.clearUl ul, .clearUl li{ list-style: none; margin:0px auto 0px auto; padding:0px 0px 0px 0px;}
.clear{ clear:both;}
.clear5px{ clear:both; height:5px;}
.clear10px{ clear:both; height:10px;}
.clear15px{ clear:both; height:15px;}
.clear20px{ clear:both; height:20px;} 
.clearLine{ border-bottom:solid 1px #dcdcdc; clear:both;}
input, textarea, select{outline:medium none; box-sizing:border-box;}
.path{ padding:5px; font-size:13px; margin:0px 0px 0px 0px; color:#949494; border-top:solid 1px #eeeeee;}
.path a { color:#949494; text-decoration:none; display:inline-block; }
.path a.cssName{ color: #949494; text-decoration:none; display:inline-block; }
.path a:hover { color:#336633;}

.globalRed{ color:Red;}
.globalBlue{ color:Blue;}
.globalOrange{ color:Orange;}

.pageding{ padding:10px 0px; text-align:center;}
.pageding li{ background-color: #f2f2f2; border-radius: 4px; color: #4e4e4e; display: inline-block; font-weight: bold; margin: 0 2px; padding: 5px 10px;}
.pageding a{ font-weight:bold; text-decoration:none; color:#565656;}
.pageding li:hover{ background-color:#182f45;}
.pageding .pageshover{ background-color:#336633; color:#ffffff;}
.pageding li:hover a{ color:#ffffff;}

.colorRed{ color:Red;}

.errorRs1{ padding:10px; text-align:center; color:Red;}

.fix{ margin:0px auto; max-width:570px; background-color:#ffffff;}
.header{ margin:10px 0px; position:relative;}
.header .b{ background-color:#363636; padding:20px;}
.header .b .logo{ float:left; width:20%;}
.header .b .info{ float:left; width:80%;}
.header .b .logo img{ max-width:100%;}
.header .b .info .title{ color:#ffffff; font-weight:600; font-size:20px;}
.header .b .info .summary{ color:#fff; padding:5px 0px;}
.header .support{ position:absolute; top:18px; right:18px;}
.product{ padding:10px 20px;}
.product .content{ color:#444444;}
.product .content h2{ font-weight:500; font-size:20px;}
.product table{ width:100% !important; border-collapse: collapse; border-color:#595959; background-color:#FFFFFF; border:solid 1px #595959; color:#444447; font-size:13px;}
.product table tr td{ border:solid 1px #595959; padding:5px; line-height:20px;}
.product .filter .cols1{ width:38%;}
.product .more{ padding:40px 0px;}
.product .more a{ margin-right:10px; background-color:#c94c08; padding:10px 15px; color:#fff; text-decoration:none; font-size:12px;}
.product .more a:hover{ border:solid 1px #c94c08; background-color:#fff; color:#c94c08; font-weight:bold;}
@media screen and (max-width: 550px) {
    .header{ margin-bottom:0px;}
    .header .support{ position:relative; top:auto; right:auto; text-align:right; padding:20px 20px 0px;}
    .product{ padding-top:0px;}
}