@import 'reset.css';
html {
height:100%;
background:url(paper-brown.jpg) 50% 50%;
}
body {
color:#444;
margin:0; padding:0;
height:auto !important;
height:100%;
min-height:100%;
position:relative;
font:12px 'Trebuchet MS',Arial,Serif;
text-align:center
}
a:hover {color:#fba011;}
a {color:#2d5d8d;}
.left {float:left !important}
.right {float:right !important}
.1px {height:1px}
.cln {clear:both;overflow:hidden}
* html .cln {zoom:1;}
.hide {display:none !important}
.left, .right, .cln {display:block}
.gap {padding:3px 0 80px 0;}
.top {
background:url(top-line.png) 50% 0 no-repeat;
}
.container {
background:url(bottom-line-x.png) 50% 100% repeat-x;
}
.paper {
position:relative;
background:#fff url(paper-white.jpg) 50% 0;
}
.wrapper {
background:url(bottom-line.png) 50% 100% no-repeat;
width:950px;
margin:0 auto;
position:relative;
text-align:left;
padding:0 0 50px 0;
}
.inner {float:left;width:100%}
.gray {
background:url(paper-gray.jpg) 50% 139px repeat-x;
}
.header {height:139px;}
.header h1, .header h1 a, .header strong, .header strong a {
display:block;
width:300px;
height:66px;
float:left;
}
.header h1 a, .header strong a {
background:url(logo.gif) no-repeat;
text-indent:-1000px;
overflow:hidden;
float:left;
margin-top:30px;
}
.header ul {
float:left;
margin:59px 0 0 100px;
position:relative;
z-index:1;
}
.header li, .header li a {
display:block;
float:left;
padding:0 0 0 13px;
background:url(menu.png) 0 -30px no-repeat;
}
.header li a {
font-size:18px;
color:#000;
padding:0 24px 0 11px;
height:30px;
line-height:30px;
text-decoration:none;
}
.header li a:hover, .header li.active a {color:#2d5d8d}
.header li.active {background-position:0 50%;}
.header li.active a {background-position:100% 50%;}
.iphone {
text-align:center;
font-size:2em;
padding:1em 0;
}
.phone a {
display:block;
width:139px;
height:141px;
position:absolute;
z-index:2;
right:0;
top:-2px;
background:url(phone.png) no-repeat;
overflow:hidden;
text-indent:-1000px;
}
.spoiler {
height:260px;
background:url(spoiler.jpg) no-repeat;
}
.spoiler dl {
float:right;
margin:8px;
width:260px;
padding:8px 12px;
position:relative;
overflow:hidden;
}
.spoiler dt {
display:block;
font-size:17px;
color:#a7ff00;
position:relative;
z-index:2;
}
.spoiler dd {
display:block;
position:relative;
z-index:2;
line-height:15px;
padding:8px 0;
color:#fff;
}
.spoiler dd p {padding:4px 0 0 0}
.spoiler dd p a {
color:#fba011;
}
.spoiler dd.informer-bg {
width:100%;
height:100%;
position:absolute;
left:0;top:0;z-index:1;padding:0;
background:#000;
-moz-opacity:.6;
opacity:.6;
filter:alpha(opacity:60);
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.spoiler dd ul li {
display:block;
padding:0 0 8px 0;
}
.footer {
position:absolute;
bottom:0;
height:60px;
text-align:center;
width:800px;
left:50%;
margin-left:-400px;
color:#FFF;
font-size:11px;
}
.footer a {color:#fba011;}
.leaf, .recycle {
width:117px;
height:72px;
background:url(leaf.png) no-repeat;
position:absolute;
left:0;
bottom:0;
}
.recycle {
width:59px;
height:57px;
background-image:url(recycle.png);
left:50%;
margin-left:410px;
bottom:20px;
display:none;
}
ul.first-page {
margin-left:0 !important;
}
.first-page li {
display:block;
width:202px;
height:72px;
background:url(plate.png) no-repeat;
overflow:hidden;
float:left;
margin:0 10px 10px 0 !important;
}
.first-page a {
display:block;
height:72px;
padding-left:70px;
background:url(icons.png) 4px 7px no-repeat;
font-size:16px;
text-decoration:none;
color:#333;
}
.first-page .m02 a {background-position:4px -69px;}
.first-page .m03 a {background-position:4px -145px;}
.first-page .m04 a {background-position:4px -221px;}
.first-page .m05 a {background-position:4px -297px;}
.first-page a:hover {color:#2d5d8d;}
.first-page strong {
display:block;
padding:15px 0;
}
a.left-banner {
display:block;
width:240px;
height:320px;
background:url(banner.jpg) no-repeat;
overflow:hidden;
text-indent:-1000px;
}
.content {
padding:30px 0 0 0;
}
.menu {
width:230px;
float:left;
background:url(line.png) 100% 0 repeat-y;
}
.menu li, .menu a {display:block;}
.menu a {
line-height:25px;
height:25px;
padding-left:35px;
font-size:14px;
color:#2d5d8d;
margin-right:4px;
text-decoration:none;
}
.menu li li a {
background:none !important;
font-size:12px;
color:#2d5d8d !important;
height:20px;
line-height:20px;
padding-left:50px;
}
.menu li.active a, .menu li li.active a {
color:#5e8008;
background:#e7e7e7;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.menu li li.active a {
background:#e7e7e7 !important;
color:#5e8008 !important;
}
.menu li ul {
margin-bottom:10px;
display:none;
}
.menu li.active ul {
display:block;
}
.menu a:hover, .menu li li a:hover {color:#000}
.menu a.active {font-weight:bold;}
.main {
margin-left:230px;
padding:0 20px 0 40px;
}
.main h1 {
color:#2d5d8d;
font-size:20px;
margin:0 0 12px 0;
}
.main h2 {
font-size:14px;
font-weight:bold;
margin:8px 0 4px 0;
color:#2d5d8d;
}
.main p {
padding:4px 0 12px 0;
line-height:18px;
font-size:13px;
}
.main ul {
list-style:square;
margin:5px 10px 20px 30px;
line-height:18px;
color:#753;
}
.main li {
margin-bottom:4px;
}
.main hr {
border:0;
padding:0;
font-size:1px;
height:1px;
overflow:hidden;
background:#FFF url(hr.png) 50% 0 repeat-x;
margin:8px 0;
}