@charset "utf-8";
*{padding:0;margin:0}
#body{background:#ffa;font:90% Arial}
body{background:#ffa;font:90% Arial}
a{color:maroon}
#content a:after,#boxs a:after{content:"\00BB"}
#wrapper{max-width:1200px;margin:1em auto;background:#ffa;padding:10px;overflow:hidden;border:1px maroon dotted}
#header{padding:0;margin:0;border-bottom:1em maroon solid;margin-bottom:1em}
#headerin{width:100%;padding:0;margin:0 auto;height:270px;background:url(images/head1000.jpg) no-repeat left top}
#header h1{color:#ff8;font-size:400%;line-height:1.2em;text-align:left;font-weight:700;margin-bottom:0;padding-top:15px;padding-left:15px}
#slogan{color:#fff;font-size:100%;line-height:1.2em;text-align:left;font-weight:700;padding-bottom:10px;letter-spacing:1px;margin-left:1em;margin-top:0}
#content,#boxs{float:left;min-height:300px;overflow:auto}
#navi{float:left;width:30%}
#locator{font:80% Arial;color:#000;border-bottom:1px maroon dotted}
#content{width:70%}
.content_in{padding:0 1em 1em}
#boxs{width:100%;clear:both;margin-top:-1em;overflow:hidden}
.news{padding-top:0;margin-top:1em;padding:.6em;border-radius:5px;border:1px maroon solid;background:#f8e385;font-size:80%}
#footer{color:#000;clear:both;margin:2em;border-bottom:5px solid maroon}
.footer_in{text-align:center;min-height:3em;padding:1em 0;clear:both;width:100%}
.copyright{font-size:80%}
hr{height:12px;border:0;box-shadow:inset 0 12px 12px -12px rgba(0,0,0,.5);padding:10px 0}
h1,h2,h3{margin:0;font-size:130%;color:maroon;padding-top:.5em;text-shadow:0 1px 1px gray}
h4,h5,h6{margin:0;font-size:110%;padding:0;color:maroon;text-shadow:0 1px 1px gray}
#search{margin-bottom:.4em;margin-top:.4em;border-radius:5px;border:#fff solid 1px;padding-left:1em;padding-bottom:.6em;background:maroon;height:40px;text-align:left;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.4)}
#iconmenu{float:right;margin-top:-25px;padding-right:5px}
#iconmenu img{border:none;box-shadow:none}
input[type="submit"]{background:#534b1e;color:#fff;display:inline-block;height:24px;position:relative;text-align:center;text-decoration:none;margin-left:5px;margin-top:11px;padding:2px 10px 10px;border-radius:5px;font-variant:normal;font-weight:400;font-size:70%}
input[type="text"],input[type="text"]:focus,input[type="password"]:focus{border:#006432 inset 1px;border-radius:5px;font-size:70%}
blockquote{width:80%;margin:.25em 0;padding:.25em 40px;position:relative;color:maroon;font:italic 100%/1.45 Georgia,serif}
blockquote:before{display:block;content:"\201C";font-size:80px;position:absolute;left:1px;top:-20px;color:maroon}
blockquote a,blockquote a:visited{color:maroon}
blockquote a:after{content:"\00BB"}
img{max-width:100%;height:auto}
.video{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}
.video iframe,.video object,.video embed{position:absolute;top:0;left:0;width:100%;height:100%}
p{margin:1em 0;line-height:1.3}
ol{margin:6px 0}
ol li{line-height:1.2;border:0;padding:0;margin:0 0 0 22px}
ul{list-style-position:inside;margin:6px 0 6px 10px}
ul li{line-height:1.2;border:0;padding:5px 0;margin:0 0 0 17px}
#menu li,#menu ul{list-style-type:none;margin:0;padding:0}

#menu a{display:block;color:#000;text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;border-radius:5px;background:#ee0;border:#fff solid 1px;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.4);transition-property:background-color,padding;transition-duration:.5s;transition-timing-function:ease-out}

#menu a:hover{background:#fa2;transition-property:background-color,padding;transition-duration:.5s;transition-timing-function:ease-out;color:maroon;padding-left:20px}
#menu{float:left;width:100%;font-size:100%;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,.7)}

#menu li{list-style-type:none;list-style-image:none;padding:0}
#menu ul.menulevel1 li{line-height:1em;margin:1px 0}
#menu ul.menulevel2{margin:1px 0}
#menu ul.menulevel2 li{line-height:1em;margin:1px 0}
#menu ul.menulevel2 li a{background:#e78e17}
#menu ul.menulevel2 li a:hover{background:#fa9b17}
#menu ul.menulevel3{margin:1px 0}
#menu ul.menulevel3 li a{background:#fa9b17}
#menu ul.menulevel3 li a:hover{background:#fa9b17}
#menu ul ul.menulevel3 li{margin:1px 0}

#menu2{padding-top:0;padding-bottom:5px;margin-top:-4px;padding-bottom:3px;width:100%}

#menu2 li{list-style:none;padding:0;display:block;text-decoration:none;line-height:200%;padding-left:1em;padding-right:1em;border-radius:5px;background:#dd0;border:#fff solid 1px;box-shadow:0 0 10px rgba(0,0,0,.2),0 0 10px rgba(0,0,0,.4);transition-property:background-color,padding;transition-duration:.5s;transition-timing-function:ease-out;margin-left:-10px;margin-bottom:3px;font-size:100%}

#menu2,#menu2 a{text-decoration:none;display:block;list-style:none;color:#000;line-height:200%;font-family:arial,sans-serif}

#menu2 li a:hover{transition-property:padding;transition-duration:.5s;transition-timing-function:ease-out;color:maroon;padding-left:5px}

#menu2 li a:active{color:#ff0}
.lastupdate{font-size:90%}

.block{width:48%;margin:0 1%;float:left;box-shadow:0 8px 6px -6px #000;border-top:1em solid maroon;border-radius:5px;margin-top:-3em;background:#fe8}

.blockin{padding:.5em;font-size:80%;border-bottom-left-radius:10px;border-bottom-right-radius:10px}

.langmenu{padding-left:.5em;padding-top:.5em}

.button a{background:maroon;display:inline-block;padding:5px 10px 6px;color:#fff;text-decoration:none;border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.6);text-shadow:0 -1px 1px rgba(0,0,0,.25);border-bottom:1px solid rgba(0,0,0,.25);position:relative;cursor:pointer}

.button a:after{display:inline;content:"  \2191";font-weight:700}

@media screen and (max-width: 480px) {
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height:1px;overflow:hidden}
.block{visibility:hidden;height:1px;overflow:hidden}
.news{visibility:visible}
#locator{visibility:hidden;height:1px;overflow:hidden}
ul.menulevel1{display:none}
#menu:hover ul.menulevel1{display:block}
#headerin{width:100%;padding:0;margin:0 auto;height:80px;background:url(images/head320.jpg) no-repeat left top}
#header h1{font-size:200%}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
#content,#navi,#boxs{clear:both;width:100%}
#menu2{visibility:hidden;height:1px;overflow:hidden}
.news{visibility:hidden;height:1px;overflow:hidden}
.block{visibility:visible}
#locator{visibility:hidden;height:1px;overflow:hidden;visibility:hidden;height:1px;overflow:hidden}
ul.menulevel1{display:none}
#menu:hover ul.menulevel1{display:block}
#headerin{width:100%;padding:0;margin:0 auto;height:124px;background:url(images/head768.jpg) no-repeat left top}
#header h1{font-size:200%}
}

@media screen and (min-width: 769px) and (max-width: 979px) {
#navi{width:30%}
#content{width:70%}
.news{visibility:hidden;height:1px;overflow:hidden}
.block{visibility:visible}
#iconmenu{visibility:hidden}
#boxs{clear:none;width:100%}
#headerin{width:100%;padding:0;margin:0 auto;height:213px;background:url(images/head980.jpg) no-repeat left top}
#header h1{font-size:300%}
}

@media screen and (min-width: 980px) {
#iconmenu{visibility:hidden}
#navi{width:25%}
#content{width:50%}
#boxs{clear:none;width:25%;overflow:auto}
.news{visibility:visible;overflow:auto}
.block{visibility:hidden;height:1px;overflow:hidden}
}