html, body { background: #000 url(../images/bg.png) no-repeat top center; background-attachment: fixed; background-size: 100%; margin: 0; padding: 0;height:100%;}
#content { width: 80%; margin: 0 auto; padding: 0px; padding: 10px}
.cleaner { clear: both; }
#left { float: left; margin-left: 18px;width:95%;}
a {text-decoration: none; color: #fff;}
img { border: none; }
#right { float: right; margin-left: 35px;padding-bottom:75px;}


#logo { background: url(../images/logo.png) no-repeat; width: 400px; height: 45px;margin-left: auto;margin-right: auto;border: 1px solid;opacity:0.8;}
#logo:hover {opacity: 1; transition-duration: 1s;}

#menu { background: url(../images/menu-center.png); width: 100%; height: 52px; margin-left: 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
#menu ul { margin:0; padding: 13px 20px 0 20px; list-style:none; }
#menu li { display:inline; margin: 0; padding: 0 10px 0 10px;  }
#menu a { text-decoration: none; color: #ffffff; font-family: Arial; font-size: 14px; padding: 23px 5px 11px 5px; border:1px solid transparent }
#menu a:hover { background: #fdfdfd; color: #6c9c36; padding: 22px 5px 11px 5px; border: 1px #c4ca92 solid;}

#line { background: url(../images/menu-center.png); width: 100%; height: 20px; margin-left: 15px;border:1px solid;color:#000;font-family: Arial;padding-left:25px;padding-top:5px;padding-bottom:3px;margin-bottom:25px;}
#line a{color:#00F;}
#line a:hover{color:#F00;}
#line a.ip{float:right;color:#000;padding-right:25px;}

#slider { margin-top: 15px; margin-left: 15px; }

.news-bg { padding: 10px; width: 100%; min-height: 100px; background: #ebebeb; margin-bottom: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.news-image { margin-bottom: -20px; width: 243px; height: 200px; float: left; }
.title { text-align: center;font-size: 19px; color: #454545; margin-bottom: -18px; }
hr.title{margin:20px}
.left { float:left; padding-right: 5px; }
.readmore { background: url(../images/news-view.png) no-repeat;text-align:left; width: 113px;margin-top:-35px; height: 26px; padding: 4px 0 0 5px; color: #fff; font-size: 12.26px; text-decoration: none; float: right;}
.readmore a:active { text-decoration: none; color: #fff; }
.readmore:hover { color: #fff; background: url(../images/readmoreh.png) no-repeat; width: 113px; height: 26px; text-decoration: underline; color: #fff; }
.right { float:right;}

.title-box1 { background: url(../images/title.png) no-repeat; width: 130px; height: 75px;font-family: Arial; margin: -84px auto 0 70px; position: absolute; text-align: center; font-size: 20px; color: #000; padding-top: 10px;border-radius:4px;-webkit-border-radius: 4px;text-shadow:1px 1px #fff; -moz-border-radius: 4px;}
.box1-top { background: url(../images/box1-top.png) no-repeat; width: 273px; height: 9px; }
.box1-center { background: url(../images/box1-center.png); width: 273px; min-height: 100px;text-align:center;color:#fff;text-shadow: 1px 1px #000;font-size:19px;font-family: Arial;}
.box1-center input[type=text] {height:15px; width:140px;text-shadow: 1px 1px #fff; padding: 5px;border:1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; text-align:center;border-radius: 3px;}
.box1-center input[type=password] {height:15px; width:140px;text-shadow: 1px 1px #fff; padding: 5px;border:1px solid; -webkit-border-radius: 3px; -moz-border-radius: 3px;text-align:center; border-radius: 3px;}
.box1-center input[type=submit] {height:30px; width:55px;text-shadow: 1px 1px #fff; padding: 5px;}
.box1-bottom { background: url(../images/box1-bottom.png) no-repeat; width: 273px; height: 9px; margin-bottom: 10px; }

.shopbox{width:200px;height:200px;border:1px;border-style:solid;border-color:#000;border-radius:10px;text-align:center;vertical-align:middle;}
.shopbox:hover{opacity:0.8;transition-duration:1s;}
#shopbar ul { margin:0; padding: 0px 13px 20px 20px; list-style:none; }
#shopbar li { display:inline; margin: -1px; }
#shopbar a { background: #fdfdfd;color: #6c9c36;border: 1px #c4ca92 solid;text-decoration: none; font-family: Arial; font-size: 14px; padding: 10px 10px 10px 10px;  }
#shopbar a:hover { background: #fdfdfd; color: #6c9c36; padding: 15px 10px 15px 10px; border: 1px #c4ca92 solid;}
#shopbar a:active { border: 1px #0f0 solid; }
#shopbar a.here { background: #75D573;color: #fff; }

#footer { background: url(../images/footer.png) no-repeat; width: 75%; height: 63px; margin-left: auto; margin-right: auto; color: #fff; line-height: 70px; padding-left: 60px;border-radius:10px 10px 0px 0px;-webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px;}