a,hr{
margin:0;
padding:0
}

#about:after,article,aside,details,figcaption,figure,footer,header,hr,menu,nav,section{
display:block
}

#banner,#catalog a,#contentinfo{
text-align:center
}

#banner li i,input,select{
vertical-align:middle
}

#info,#news article p,body,ins,mark{
color:#231815
}

#banner li a,#catalog a,ins{
text-decoration:none
}

#catalog a:hover,#contentinfo a:hover,#info a:hover,#news article a:hover{
text-decoration:underline
}

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:0 0
}

nav ul{
list-style:none
}

blockquote,q{
quotes:none
}

blockquote:after,blockquote:before,q:after,q:before{
content:"";
content:none
}

a{
font-size:100%;
vertical-align:baseline;
background:0 0
}

a img{
border:none
}

ins,mark{
background-color:#fff
}

mark{
font-style:italic;
font-weight:700
}

del{
text-decoration:line-through
}

abbr[title],dfn[title]{
border-bottom:1px dotted;cursor:help
}

table{
border-collapse:collapse;
border-spacing:0
}

hr{
height:1px;
border:0;
border-top:1px solid #ccc
}

#about:after{
visibility:hidden;
clear:both;
height:0;
content:"."
}

#about article[lang=en],#banner li a,#banner li span,#news article p:first-of-type{
font-family:Arial,sans-serif
}

#about article,#info,#news article p{
font-size:.9285714286rem;
line-height:1.7692307692
}

#contentinfo a,#info a,#news article a{
display:inline-block;
color:#231815;
text-decoration:none;
}

#contentinfo,#contentinfo a{
color:#9fa0a0
}

html{
font-size:87.5%;
-webkit-text-size-adjust:100%
}

#banner li a,#banner li span,body{
margin: 10px;
font-size:1.1rem
}

body{
line-height:1.5384615385;
font-family:sans-serif
}

#banner{
position:fixed;
top:38px;
width:100%;
color:#000
}

#banner>a h1{
display:inline-block;
width:680px;
height:200px;
margin:0 0 18px;
background:url(../img/logo4.png);
no-repeat;
}

#banner>a h1 span{
display: none;
}

#test{
display:none
}

#banner li,#banner li i,#banner li span,#photo img{
display:inline-block
}

#banner ul{
line-height:1
}

#banner li span{
margin:0 5px 0 9px
}

#banner li i{
-moz-transition:opacity .3s;-o-transition:opacity .3s;-webkit-transition:opacity .3s;transition:opacity .3s;width:15px;height:15px;
}

#banner li i.fb{
background-position:100% 0
}

#banner li a{
color:#000;-moz-transition:color .3s;-o-transition:color .3s;-webkit-transition:color .3s;transition:color .3s
}

#banner li a:hover{
color:gray
}

#banner li a:hover i{
filter:alpha(Opacity=50);
opacity:.5
}

#contentinfo{
margin:20px auto 38px;
font-size:.8571428571rem;
line-height:1.8333333333
}

#about,#photo{
width:640px;
margin:0 auto;
text-align:center;
padding:200px 0 0
}

#photo{
width:100%;
overflow:hidden
}

#photo img{
position:relative;
z-index:-1;
-moz-transition:opacity,.6s;
-o-transition:opacity,.6s;
-webkit-transition:opacity,.6s;
transition:opacity,.6s
}

#photo img[id]{
filter:alpha(Opacity=0);
opacity:0
}

#news article{
margin:48px 0 0
}

#news article:first-of-type{
margin:96px 0 0
}

#about{
width:706px;
margin:96px auto 0
}

#about article{
width:330px;
text-align:left
}

#about article h1{
font-weight:400;
margin:0 0 1em
}

#about article p{
margin:0 0 1em
}

#about article[class=posleft]{
float:left
}

#about article[class=posright]{
float:right
}

#info{
text-align:left
}

#info article{
margin:24px 0 0
}

#info h1,#info h2{
font-weight:400
}

#catalog img,#info img{
display:block;
margin:64px auto 32px
}

#catalog h1{
font-size:1.2142857143rem;
line-height:1.7647058824;
font-weight:400
}

#catalog p{
font-size:1rem;
line-height:2.1428571429;
margin:25px auto 40px
}

#catalog a{
display:block;
width:250px;
font-size:1rem;
line-height:2.5;
margin:0 auto;
background:#fff300;
color:#111;
padding-top:.1428571429rem
}