body,
html{
border:0;font-family:Tahoma,Helvetica,Arial,
sans-serif;line-height:1.5;margin:0;padding:0
}
article,aside,audio,canvas,caption,details,div,figure,footer,header,hgroup,iframe,img,mark,menu,nav,object,section,span,summary,table,tbody,td,tfoot,thead,tr,video{
border:0;margin:0;padding:0
}
a,abbr,address,b,blockquote,cit,code,dd,del,dfn,dl,dt,em,fieldset,h1,h2,h3,h4,h5,h6,hr,i,ins,label,legend,li,ol,p,pre,q,samp,small,strong,sub,sup,ul{
border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0
}
article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{
display:block
}
table{
border-collapse:separate;border-spacing:0
}
table caption,
table td,
table th{
text-align:left;vertical-align:middle
}
a img{
border:0
}
:focus{
outline:0
}
.noBreak,
.nobr{
display:inline-block
}
.toLeft{
float:left
}
.toRight{
float:right
}
.clear{
clear:both
}
html{
overflow-y:scroll
}
body{
background:url(../img/bg.jpg) center center no-repeat fixed;background-size:cover
}
body a,
body a:active,
body a:hover,
body a:link,
body a:visited{
text-decoration:none;color:#069
}
#wrapper{
margin:0 auto;color:#047;position:relative;opacity:0.83;
}
header{
height:96px;color:#fff;margin:0 auto;white-space:nowrap;position:relative;background:#0B568B;padding:16px
}
header .inner{
margin:0 auto;max-width:1024px
}
header .inner #logo1{
float:left;margin-left:44px
}
header .inner #logo2{
float:left;margin-left:22px
}
header .inner .txt{
float:left;font-size:36px;margin:0 0 0 22px;height:96px;line-height:96px;white-space:nowrap;filter:drop-shadow(2px 2px 2px #222)
}
.barBg{
background-color:#54b6db
}
.bar{
height:2px;font-size:25.2px;font-variant:small-caps;font-weight:700;color:#058;background-color:#54b6db;border-top:1px solid #058;border-bottom:1px solid #058
}
.bar #banner{
display:none
}
.page{
position:relative;min-height:666px
}
.content{
}
.content .bigInfo{
font-size:120%;padding:33px;align-items:center;display:flex
}
.content .bigInfo img{
padding:33px
}
.content #info{
position:relative;padding:0 33px 6px 166px;font-size:13px;max-width:922px;margin:0 auto
}
form{
margin:6px auto;padding-bottom:11px
}
.ind{
font-size:11px;margin-left:66px
}
footer{
margin:0 auto;background:#464646;color:#fff;opacity:.84;padding:22px
}
footer .center{
font-weight:700;text-align:center;width:30%
}
footer .left{
float:left;text-align:left;width:40%;margin-left:66px
}
footer .right{
float:right;text-align:right;margin-right:66px;width:30%
}
.msgBox{
display:table;z-index:99;box-shadow:10px 10px 5px #888;position:absolute;top:25%;left:25%;width:50%;height:96px
}
.infoBox{
border:1px dotted silver;display:inline-flex;width:100%;position:relative
}
.infoBox div{
background-size:auto 33px;min-height:22px
}
.msgText{
margin:auto 0
}
.msg{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#cff
}
.fatal{
display:flex;flex:1;min-height:96px;margin:auto 0;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;font-weight:700;border:2px solid #906;background-color:#c03;background-image:url(../img/!fatal.png)
}
.warn,
.warning{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#FF9;background-image:url(../img/!warn.png)
}
.help{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#cff;background-image:url(../img/!help.png)
}
.repair{
display:flex;flex:1;min-height:96px;margin:auto 0;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-image:url(../img/!repair.png);border:1px solid #fc0;background-color:#ff0
}
.wait{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#ccf;background-image:url(../img/!wait.png)
}
.error{
display:flex;flex:1;min-height:96px;margin:auto 0;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;color:#000;border:2px solid #903;background-color:#f66;background-image:url(../img/!error.png)
}
.info{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#9CF;background-image:url(../img/!info.png)
}
.ok{
display:flex;flex:1;min-height:96px;margin:auto 0;border:1px solid #CCC;font-family:Tahoma;background-repeat:no-repeat;background-position:6px 50%;padding:6px 6px 6px 96px;background-color:#CFC;background-image:url(../img/!ok.png)
}
.hidden{
visibility:hidden;display:none
}
@media (max-width:1060px){
#wrapper{
width:auto;margin:0 auto
}
.content{
width:auto
}
.content article{
width:auto;display:block;float:none
}

}
@media (max-width:699px){
.page{
margin-left:3px
}

}
@media (max-width:606px){
header{
display:none
}
article{
margin:1px
}
.bar{
font-size:19.6px;height:auto
}
.bar #banner{
display:block
}
.page{
margin-left:0;min-height:0
}
.page .bar{
text-align:center
}
footer .left,
footer .right{
line-height:1
}
footer .left img,
footer .right img{
width:100%
}

}