body {
color: #709B2F;
margin: 0 auto;
max-width: 380px;
min-width: 100px;
font-family: arial;
font-size: 13px;
background: #D8CBC9;
}
.head {
background:url(img/head.png) repeat-x #98CE68 center;
color: #fff;
width: 100%;
border-bottom: 2px solid #90C162;
}
.head a.home {
background:url(img/home.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 20%;
float: left;
padding: 22px 0;
}
.head a.home:hover {
background:url(img/home.png) no-repeat center rgba(0,0,0,0.1);
}
.head a.login {
background:url(img/login.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 20%;
float: left;
padding: 22px 0;
}
.head a.login:hover {
background:url(img/login.png) no-repeat center rgba(0,0,0,0.1);
}
.head a.reg {
background:url(img/reg.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 20%;
float: right;
padding: 22px 0;
}
.head a.reg:hover {
background:url(img/reg.png) no-repeat center rgba(0,0,0,0.1);
}
.head a.logo {
background:url(img/logo.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
padding: 22px 0;
width: 60%;
}
.head a.user{
display: inline-block;
padding: 22px 0;
width: 20%;
float: right;
background:url(img/user.png) no-repeat center rgba(0,0,0,0.04)
}
.head a.user:hover {
background:url(img/user.png) no-repeat center rgba(0,0,0,0.1);
}
.tmn {
background: #F2F1EC;
padding: 10px 16px;
color: #CE896A;
font-size: 12px;
text-shadow:0 1px #fff;
box-shadow: inset 0 1px 4px #E5E5E0;
}
.tmn input[type="text"]{
border: 0;
background: #fff;
border-radius: 3px 0 0px 3px;
padding: 6px;
min-width: 82%;
box-shadow: 0 1px 1px #E8E8E0;
}
.tmn input[type="submit"]{
background: #FF8383;
border: 0;
color: #fff;
border-radius: 0 3px 3px 0;
padding: 7px 8px 7px 9px;
font-size: 12px;
font-weight: bold;
margin-left: -3px;
box-shadow: inset 0 -2px 0px rgba(0,0,0,0.11);
}
.tmn a{
color:#808080;
text-decoration:none;
}
.tmn a:hover {
color:#808080;
text-decoration:none;}
.copy {
background: #fff;
padding: 10px 15px;
color: #888;
text-align: center;
}
.copy a{
text-decoration:none;
color: #888;
}
.tn {
background: #F2F1EC;
padding: 2px 5px;
color: #CE896A;
font-size: 12px;
text-shadow:0 1px #fff;
box-shadow: inset 0 1px 1px #E5E5E0;
}
.main {
background: #fff;
color: #888;
text-align: center;
}
.main a{
text-decoration:none;
}
.nv {
text-align: center;
font-size: 13px;
padding: 10px 0 10px 16px ;
color: #aaa;
text-align: left;
text-decoration: none;
border-radius: 3px;
background: #EDEDF0 url(img/mark.png) no-repeat center right 12px;
text-shadow: 0 1px #f0f0f0;
box-shadow: inset 0 -2px 0px rgba(0,0,0,0.06);
font-weight: bold;
}
.nv a{
color: #aaa;
text-decoration: none;
}
.cat {
text-align: left;
}
.cat a {
border-bottom: 1px solid #F2F2F2;
display: block;
padding:12px 15px;
text-decoration: none;
color: #989386;
background: url(img/arrow.png) no-repeat center right 16px;
text-shadow:0 1px #fff;
}
.cat a:hover {
background: #fafafa url(img/arrow2.png) no-repeat center right 16px;
color: #64A5ED;
}
.cat a:last-child {
border-radius: 0 0 5px 5px;
}
.cat a:first-child {
border-radius: 5px 5px 0 0;
}
.foot {
background:url(img/foot.png) repeat-x #8F7F6A center;
height: 46px;
box-shadow: inset 0 -2px 0px rgba(0,0,0,0.11);
}
.foot a.mail {
background:url(img/mail.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;
}
.foot a.mail:hover {
background:url(img/mail.png) no-repeat center rgba(0,0,0,0.1);
}
.foot a.mail1 {
background:url(img/mail1.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;
}
.foot a.mail1:hover {
background:url(img/mail1.png) no-repeat center rgba(0,0,0,0.1);
}
.foot a.set {
background:url(img/set.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 22px 0;
}
.foot a.set:hover {
background:url(img/set.png) no-repeat center rgba(0,0,0,0.1);
}
.foot a.bell {
background:url(img/bell.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 15px 0;
text-align:right
}
.foot a.bell:hover {
background:url(img/bell.png) no-repeat center rgba(0,0,0,0.1);
}
.foot a.bell1 {
background:url(img/bell.png) no-repeat center rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 23px 0;
text-align:right
}
.foot a.bell1:hover {
background:url(img/bell.png) no-repeat center rgba(0,0,0,0.1);
}
.foot a.more {
background:rgba(0,0,0,0.04);
display: inline-block;
width: 25%;
float: left;
padding: 15px 0;
}
.foot a.more:hover {
background: rgba(0,0,0,0.1);
}
.foot a{
color:#fff;
text-decoration:none;
}