html, body {height:100%;}
body {margin:0; padding:0; background:#F1F1F1 url(a/zbg.jpg) repeat-y center top fixed; text-align:center; overflow-y:scroll; -webkit-text-size-adjust:none;}
#wr2 {position:relative; width:1158px; min-height:100%; height:auto !important; height:100%; margin:0 auto;}
#wr1 {position:absolute; width:1110px; left:24px; top:0; text-align:left; background:#FFF;}
body, p {font-size:22px; font-family:Arial,Helvetica,HelveticaNeue,'Helvetica Neue',sans-serif; color:#000; word-spacing:-.04em; line-height:1.35em;}
p {margin:.7em 0;}
a, img, a img {border:0; margin:0; padding:0; color:#000;}
a, a:hover {color:#000; text-decoration:none; border-bottom:2px dotted #000;}
hr {margin:35px -5px 45px -5px; color:#FFF; background:#FFF; padding:3px; border:0; border-top:6px dotted #B5B5B5; border-bottom:6px dotted #B5B5B5;}

.nav {width:1110px; margin:2em 0 7em 0;}
.nav ul {width:1110px; background:#EEE; border-radius:30px;}
.nav ul, .nav li {margin:0; padding:0; list-style-type:none; display:inline; float:right;}
.nav a, .nav a:visited {font-size:36px; color:#D00; background:#EEE; border:0; border-radius:30px; width:110px; padding:.4em 0; text-align:center; text-decoration:none; display:block; font-weight:normal;}
.nav a.act {color:#666; font-weight:bold;}
.nav a:hover {color:#FFF; background:#BBB;}
.nav a:hover.act {color:#000; background:#DDD; cursor:default;}

h1 {font-size:37px; color:#05F; line-height:1.2em; letter-spacing:-.02em; margin:.7em 0; clear:left; font-weight:bold;}
h1 span, h3, h5 span {font-weight:normal;}
h3 {font-size:1em; color:#070; line-height:1.2em; letter-spacing:-.01em; border-top:3px dotted #AAA; border-bottom:3px dotted #AAA; text-indent:1px;}
h4 {font-size:22px; color:#F00; line-height:1em; margin:.15em 0 .25em 0; font-weight:bold; font-style:italic;}

.img {background:url(a/xloading.gif) no-repeat center 56%; width:1110px; text-align:center; vertical-align:bottom; display:table-cell; clear:right;}
.img img {width:1110px; height:auto;}
.min {width:1115px; height:102px; overflow:visible;}
.min img {width:136px; height:102px; border-bottom:3px solid #FFF; margin-right:3px; float:left;}
.min img:hover {border-bottom:3px solid #0FF;}

a:hover, .rea:hover, #mem a:hover, #lin a:hover {border-color:#CCC;}

@media (max-device-width:850px) and (orientation:portrait), (min-resolution:144dpi) and (max-device-width:1999px) and (orientation:portrait) {
body {background:#FFF url(a/zby.jpg) repeat-y left top fixed;}
.nav {margin-bottom:9em;}
.nav a {font-size:64px; width:128px;}
.min img {padding-bottom:10px;}
.min img:hover {border-width:8px;}
hr {margin-left:0; margin-right:0;}
p, h2, h6, #sub, #gvb p, #mem, #con, #lin p, #top, #lot p, .a2a_kit {font-size:57px;}
a, a:visited, p a, h3, .rea, #sub, #gvb {border-width:6px;}
h1 {font-size:71px; margin:.6em 0;}
h3, .doc, .doc a {font-size:49px; font-weight:bold;}
h4 {font-size:46px; height:93px; letter-spacing:-.01em;}
hr {margin:50px 0 70px 0; border-width:10px; padding:5px;}
}

@media (max-device-width:850px) and (orientation:landscape), (min-resolution:144dpi) and (max-device-width:1999px) and (orientation:landscape) {
body {background:#FFF url(a/zby.jpg) repeat-y left top fixed;}
.nav a {font-size:48px; width:128px;}
.min img {padding-bottom:8px;}
hr {margin-left:0; margin-right:0;}
p, h2, h5, h6, #sub, #gvb p, #con, #lin p, #top, #inf, #adj, .a2a_kit {font-size:33px;}
a, a:visited, p a, h3, .rea, #sub, #gvb {border-width:3px;}
h1, h1 b {margin:.6em 0; font-weight:normal;}
h1, #hea {font-size:53px; letter-spacing:-.02em;}
h2 {letter-spacing:-.03em; font-weight:normal; color:#000;}
h4 {height:63px;}
}