@charset "utf-8";
@import url("reset.css");

/* 基础样式 */
* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
}

body {background: #fff url(bg.png) repeat-x top;}
body, td, th, input, select, textarea {color: #666; font: 12px/1.5 "微软雅黑";}
a {color: #666; text-decoration: none;}
a:hover {color: #f30; text-decoration: none;}
.blank10 {display: block; height: 10px; width: 100%;}
img {max-width: 100%;}

/* 布局容器 */
#wrapper {margin: 0 auto; width: 1200px;}
#mainbox {margin-top: 10px;}
#mainbox-left {float: left; width: 880px;}
#mainbox-right {float: right; width: 300px;}

/* 站点列表 */
.sitelist li {
    border-bottom: 1px solid #eee;
    padding: 15px;
    position: relative;
    min-height: 120px;
}

.sitelist li .thumb {
    float: left;
    margin-right: 15px;
    width: 110px;
    height: 90px;
}

.sitelist li .info {
    margin-left: 115px;
}

.sitelist li .info h3 {
    font-size: 16px;
    margin-bottom: 8px;
}

.sitelist li .info p {
    color: #666;
    line-height: 1.6;
    margin-bottom: 8px;
}

.sitelist li .info address {
    color: #999;
    font-style: normal;
}

/* VIP站点 */
.inlist1 {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.inlist1 li {
    width: 25%;
    padding: 10px;
}

.inlist1 li img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
}

/* 推荐站点 */
.bestlist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.bestlist li {
    width: 20%;
    padding: 10px;
}

.bestlist li a {
    display: block;
    text-align: center;
}

.bestlist li img {
    margin-right: 5px;
    vertical-align: middle;
}

/* 分类列表 */
.hcatelist {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px;
}

.hcatelist li {
    padding: 5px;
}

.hcatelist li a {
    display: block;
    padding: 5px 10px;
    background: #f8f9fa;
    border-radius: 3px;
}



/* layout */
#topbg {height: 32px; line-height: 32px;}
#topbar {margin: 0 auto; width: 1200px;}
#topbar-left {float: left;}
#topbar-right {color: #ccc; float: right;}
#topbar-right img {vertical-align: middle; display: none;}
/* header */
#header {}
#topbox {height: 100px;}
.logo {background: url(logo.png) center; display: block; float: left; height: 88px; width: 205px;}
/* sobox */
#sobox {float: right; padding-top: 20px;}
.sofrm {display: block; margin: 0px auto; padding-top: 14px; position: relative;}
.sipt {background: url(ipt.png) no-repeat top left; border: solid 1px #dadada; display: block; font: normal 13px/30px normal; float: left; height: 30px; padding: 0 5px 0 90px; width: 300px;}
.sbtn {background: #65bc0b; border: 0; color: #fff; cursor: pointer; font-size: 14px; height: 32px; width: 70px;}
/* selopt */
#selopt {background: url(select.gif) no-repeat; position: absolute; left: 2px; top: 17px; width: 88px;}
#cursel {cursor: pointer; display: block; height: 28px; line-height: 28px; overflow: hidden; text-indent: 12px; width: 85px;}
#options {border: solid 1px #dadada; border-top: 0; display: none; list-style: none; position: absolute; left: -2px; width: 80px; z-index: 1000;}
#options li {background: #fff; clear: both; cursor: pointer;}
#options li a {color: #555; display: block; height: 25px; line-height: 25px; text-decoration: none; text-align: center;}
#options li a:hover {background: #1791de; color: #fff; display: block; text-decoration: none;}
.current {background: #1791de; color: #fff; display: block; text-decoration: none;}
.content img{max-width:100%; height:auto !important}
/* login */
#login {color: #fff; float: right; padding: 8px; text-align: right;}
#login a {color: #fff;}
/* navbox */
#navbox {background: url(blue.png) repeat-x; display: block; height: 35px;}
.navbar {}
.navbar li {float: left; font: 14px/35px "微软雅黑"; height: 35px; text-align: center; width: 100px;}
.navbar li a {display: block; color: #fff;}
.navbar li a:hover {background: #0080c6; display: block; color: #fff;}
.navbar .navline {background: #0797e5; display: block; height: 35px; width: 1px;}
.navbar .cur {background: #0067ae;}
/* txtbox */
#txtbox {background: url(blue.png) repeat-x 0 -55px; border-left: solid 1px #e2ecf1; border-right: solid 1px #e2ecf1; height: 40px;}
.count {float: left; padding: 10px;}
.count b {color: #f60; font: bold 14px Arial; padding-right: 3px;}
.link {color: #999; float: right; padding: 10px;}
.link a {color: #06c;}
/* adbox */
#adbox {height: 90px;}
.ad728x90 {background: #fff; float: left; height: 90px; width: 728px;}
.ad250x250 {height: 250px;}
.sitestat {background: #fff; float: right; height: 90px; width: 210px;}
.sitestat p {padding: 6px 10px;}
.sitestat span {color: #f60; font: bold 14px Arial;}
/* homebest */
#homebest {border: solid 1px #e2ecf1;}
#homebest h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.bestlist {padding: 0 8px;}
.bestlist li {float: left; font-size: 12px; padding: 15px 13px; text-align: center;}
.bestlist li img {background: #fff; border: solid 1px #e8e8e8; padding: 3px;}
.bestlist li strong {display: block; font-weight: normal; height: 15px; margin-top: 3px; overflow: hidden; white-space: nowrap; width: 128px;}
/* homebox */
#homebox {}
#cols1 {}
/* homecate */
#homecate {border: solid 1px #e8e8e8; float: left; width: 400px;}
#homecate h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.catelist {padding: 8px;}
.catelist li {padding: 8px 0;}
.catelist li strong {float: left;}
.catelist li strong a {background: #09c; color: #fff; font-weight: normal; padding: 3px; text-align: center;}
.catelist li p a {margin: 0 5px;}
/* newsbox */
#newsbox {border: solid 1px #e8e8e8; float: left; margin-left: 10px; width: 290px;}
#newsbox h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.newslist {padding: 8px;}
.newslist li {padding: 6px 0;}
.newslist li span {color: #ccc; float: right; font-size: 10px;}
/* quickbox */
#quickbox {background: #fcfcfc; border: solid 1px #e8e8e8; float: right; width: 233px;}
#quickbox h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
#quickbox h3 span {}
.quicklist {padding: 8px;}
.quicklist li {overflow: hidden; padding: 6px 0; white-space: nowrap;}
.quicklist li span {color: #ccc; float: right; font-size: 10px;}
#cols2 {}
/* idcbox */
#idcbox {border: solid 1px #e8e8e8; float: left; width: 400px;}
#idcbox h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.idclist {padding: 8px 0;}
.idclist li {float: left; font-size: 12px; padding: 5px 12px; text-align: center;}
.idclist li img {background: #fff; border: solid 1px #e8e8e8; padding: 3px;}
.idclist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap; width: 108px;}
/* exlink */
#exlink {border: solid 1px #e8e8e8; float: left; margin-left: 10px; width: 290px;}
#exlink h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.exlist {padding: 5px;}
.exlist li {padding: 6px 0; white-space: nowrap; overflow: hidden;}
.exlist li span {color: #ccc; float: right;}
/* newbox */
#newbox {border: solid 1px #e8e8e8; float: right; width: 233px;}
#newbox h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.newlist {padding: 8px;}
.newlist li {padding: 5px 0; white-space: nowrap;}
.newlist li a {display: block; overflow: hidden; width: 132px;}
.newlist li span {color: #ccc; float: right;}
/* inbox */
#inbox {border: solid 1px #e8e8e8; padding: 8px;}
#inbox h3 {height: 20px; float: left; width: 60px;}
.inlist {}
.inlist li {float: left; margin: 0px 25px 8px 0; white-space: nowrap;}
/* linkbox */
#linkbox {border: solid 1px #e8e8e8; padding: 8px;}
#linkbox h3 {height: 20px; float: left; width: 60px;}
.linklist {}
.linklist li {float: left; margin: 0px 20px 8px 0; white-space: nowrap;}
/* footer */
#footer {background: url(fbg.png) repeat-x; padding: 10px; text-align: center;}
#fmenu {color: #ccc; padding-bottom: 5px;}
#fmenu a {text-decoration: none;}
#fmenu a:hover {color: #f60; text-decoration: underline;}
#fcopy {line-height: 23px;}
/* sitepath */
.sitepath {padding: 10px 0px;}
/* mainbox */
#mainbox {}
#mainbox-left {float: left; width: 880px;}
#mainbox-right {float: right; width: 310px;}
/* subcate */
#subcate {background: #f7fbfe; border: dashed 1px #0089d4; padding: 10px;}
#subcate h3 {color: #333; font-size: 14px;}
.scatelist {padding-top: 5px;}
.scatelist li {display: block; float: left; height: 20px; line-height: 20px; width: 95px;}
.scatelist li a {color: #555;}
.scatelist li em {color: #ccc; font: normal 10px normal;}
.scatelist .highlight a {color: #f60; font-weight: bold;}
.sort-show {background: #fcfcfc; border-bottom: solid 1px #f3f3f3; padding: 6px;}
.sort-show em {font-style: normal;}
.sort-show a {color: #05c; text-decoration: none;}
/* listbox */
#listbox {background: #fff; border: solid 1px #e8e8e8; padding: 10px;}
#listbox h2 {color: #333; font-size: 14px;}
/* timelink */
.timelink {float: right;}
.timelink a {color: #06c; font-size: 12px; font-weight: normal; margin: 0 5px;}
a.timelink_bg {background: #08c; color: #fff; padding: 3px;}
/* arcbox */
#arcbox {background: #f7fbfe; border: dashed 1px #0089d4; padding: 10px;}
#arcbox h3 {color: #333; font-size: 14px; padding-bottom: 10px;}
.arclist {}
.arclist li {}
.arclist li h3 {color: #05c;}
.arclist li p {line-height: 23px; padding: 3px 0;}
.arclist li a {color: #555; padding: 0 7px; text-decoration: none;}
/* sitelist */
.sitelist {margin: 5px 0;}
.sitelist li {border-bottom: dashed 1px #e8e8e8; display: block; height: 85px; padding: 15px 5px; position: relative;}
.sitelist li .thumb {background: #fff; border: solid 1px #d7dde3; float: left; padding: 3px; position: absolute;}
.sitelist li .info {margin-left: 115px; position: absolute; width: 540px;}
.sitelist li .info h3 {display: block; font-weight: normal; font-size: 14px; height: 15px; line-height: 13px; position: absolute; top: 0;}
.sitelist li .info h3 a {color: #06c;}
.sitelist li .info p {display: block; font: 12px '宋体'; height: 45px; line-height: 25px; overflow: hidden; position: absolute; top: 20px; width: 750px;}
.sitelist li .info address {color: #080; font-size: 12px; padding: 0 10px 3px 0; position: absolute; top: 73px;}
.addfav {color: #77c; height: 18px; width: 18px;}
.cate a {color: #77c;}
.gray-bg {background: #f9f9f9;}
.visit {background: url(visit.gif) no-repeat right; color: #080; padding-right: 15px;}
.gre {color: #080;}
.org {color: #f60;}
/* artlist */
.artlist {margin: 5px 0;}
.artlist li {border-bottom: dashed 1px #e8e8e8; display: block; padding: 15px 5px;}
.artlist li h3 {display: block; font: normal 14px normal;}
.artlist li h3 a {color: #06c;}
.artlist li p {display: block; font: 12px '宋体'; height: 20px; line-height: 23px; overflow: hidden; padding-top: 3px;}
.artlist li cite {color: #080; font-size: 12px; padding: 0 10px 3px 0;}
/* weblink */
.weblink {margin: 10px 0;}
.weblink th {background: #f5fbfe; height: 25px;}
.weblink td {border-bottom: dashed 1px #ccc; height: 35px;}
/* showpage */
.showpage {display: block; font-size: 12px; text-align: left; padding: 10px 0;}
.total_page, .jump_page {background: #0080c6; border: solid 1px #096cb2; color: #fff; display: block; float: left; margin-right: 5px; padding: 2px 6px;}
.first_page, .last_page, .prev_page, .next_page, .pages {background: #fff; border: 1px solid #096cb2; color: #486ba2; display: block; float: left; margin-right: 5px; padding: 2px 6px; text-decoration: none;}
.current {background: #0080c6; color: #fff; display: block; float: left; margin-right: 5px; padding: 3px 6px;}
/* siteinfo */
#siteinfo {border: solid 1px #e8e8e8; border-top: solid 2px #08c; padding: 8px;}
.wtitle {font: 24px "微软雅黑"; padding-bottom: 15px;}
.wtitle a {color: #f60; text-decoration: none;}
.wtitle font {font: normal 12px normal;}
.wdata {background: #fcfcfc; border-top: dotted 1px #dadada; border-bottom: dotted 1px #dadada; height: 40px; list-style: none; padding: 5px;}
.wdata li {color: #9177aa; display: block; float: left; padding: 0 7px; text-align: center;}
.wdata li em {color: #666666; display: block; font-size: 12px; padding-top: 3px;}
.line {border-right: solid 1px #ddd;}
#retips {display: block; height: 13px; margin-top: 10px;}
#retips a {font-size: 12px; text-decoration: underline;}
.params {padding-top: 15px; position: relative;}
.wthumb {background: #fff; border: solid 1px #dadada; float: left; padding: 1px; width: 140px;}
.siteitem {margin-left: 160px;}
.siteitem li {padding-bottom: 8px;}
/* relsite */
#relsite {background: #fff; border: solid 1px #e8e8e8; padding: 10px;}
#relsite h2 {color: #333; font-size: 14px;}
.rellist {}
.rellist li {float: left; font-size: 12px; margin: 1px; padding: 10px 12px 5px 13px; text-align: center;}
.rellist li img {background: #fff; border: solid 1px #e8e8e8; padding: 2px;}
.rellist li strong {display: block; font-weight: normal; height: 15px; overflow: hidden; white-space: nowrap; width: 106px;}
.rellist li a {color: #05c; text-decoration: none;}
.rellist li a:hover {color: #f30; text-decoration: underline;}
/* artinfo */
#artinfo {border: solid 1px #e8e8e8; border-top: solid 2px #08c; padding: 8px;}
.atitle {color: #06c; font: normal 24px "微软雅黑"; padding: 8px 0; text-align: center;}
.aattr {background: #fcfcfc; padding: 3px; text-align: center;}
.content {font: normal 14px/25px normal; padding: 10px 0;}
/* linkinfo */
#linkinfo {border: solid 1px #e8e8e8; border-top: solid 2px #08c; padding: 10px;}
.linkname {border-bottom: dashed 1px #e8e8e8; color: #f60; font: 24px "微软雅黑"; padding-bottom: 15px;}
.linkitem {margin-left: 160px;}
.linkitem li {padding-bottom: 10px;}
#otherinfo {}
#otherinfo h2 {background: #f9f9f9; color: #333; font-size: 14px; margin-bottom: 10px;}
#otherinfo p {line-height: 25px; padding: 0 10px;}
/* allcate */
#allcate {border: solid 1px #e8e8e8; padding: 10px;}
#catebox {margin: 5px 0;}
#catebox h2 {color: #333; font: normal 14px;}
#catebox h2 a {color: #06c; text-decoration: none;}
#catebox h2 a:hover {color: #f30; text-decoration: underline;}
#catebox h2 em {color: #888; font: 10px normal;}
#catebox ul {display: block; margin-top: 2px;}
#catebox ul li {float: left; height: 23px; line-height: 23px; margin: 1px; text-indent: 30px; width: 121px;}
#catebox ul li em {color: #888; font: 10px normal;}
#catebox ul li a {color: #444; text-decoration: none;}
#catebox ul li a:hover {color: #f30; text-decoration: underline;}
/* bestart */
#bestart {border: solid 1px #e8e8e8;}
#bestart h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.artlist_b {padding: 0 10px;}
.artlist_b li {padding: 6px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.artlist_b li span {float: right;}


/* 在模板样式表中添加 */
.artlist_b {
  list-style: none;
  padding-left: 0;
  counter-reset: rank;
}

.artlist_b li {
  position: relative;
  padding-left: 26px;
  counter-increment: rank;
}

.artlist_b li::before {
  content: counter(rank);
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  font: 700 18px/1 'Roboto Condensed', Arial, sans-serif;
  color: #666; /* 默认数字颜色 */
}

/* 前三位特殊样式 */
.artlist_b li:nth-child(1)::before { 
  color: #ff4757; /* 冠军红 */
  font-size: 22px;
}
.artlist_b li:nth-child(2)::before { 
  color: #ffa502; /* 亚军橙 */
  font-size: 20px;
}
.artlist_b li:nth-child(3)::before { 
  color: #2ed573; /* 季军绿 */
  font-size: 18px;
}

/* 4-10位数字淡化处理 */
.artlist_b li:nth-child(n+4)::before {
  color: #a4b0be;
  font-weight: 500;
}

/* bestweb */
#bestweb {border: solid 1px #e8e8e8;}
#bestweb h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 14px; padding: 6px;}
.weblist_b {padding: 0 10px;}
.weblist_b li {padding: 8px 0 5px 0; position: relative;}
.weblist_b li img {background: #fff; border: solid 1px #dbdbdb; height: 65px; width: 85px;}
.weblist_b li strong {display: block; font: normal 12px ''; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 8px; width: 135px;}
.weblist_b li strong a {color: #06c; text-decoration: none;}
.weblist_b li p {display: block; height: 35px; line-height: 18px; overflow: hidden; position: absolute; left: 90px; top: 25px;}
.weblist_b li address {display: block; height: 15px; overflow: hidden; position: absolute; left: 90px; top: 60px; width: 130px;}
/* top */
.topsite {border: solid 1px #e8e8e8; float: left; padding: 1px; width: 430px;}
.topsite h3 {background: url(blue.png) repeat-x 0 -95px; font-size: 13px; padding: 6px;}
.toplist {padding: 10px;}
.toplist li {overflow: hidden; padding: 3px 0; white-space: nowrap;}
.toplist li span {color: #f30; padding-right: 10px;}
.toplist li em {font: normal 12px Arial;}
.toplist li em1 {float: right;}
.toplist li em a {color: #080;}

/* feedback */
#subbox {border: solid 1px #e8e8e8; padding: 10px;}
#subbox h2 {color: #333; font-size: 14px;}
.fbform {margin-left: 200px;}
.fbform li {padding: 10px;}
.fbform li strong {float: left; font-weight: normal; text-align: right; width: 60px;}
.fbform li p {float: left; margin-left: 5px;}
.fbform li span {color: #999;}
.fipt {background: url(ipt.png) no-repeat left top; border: solid 1px #dadada; padding: 4px;}
.fbtn {background: #08c; border: solid 1px #08c; color: #fff; font-weight: bold; padding: 3px 8px;}
/* diypage */
#pagebox {}
#pagebox-left {float: left; width: 310px;}
#pagebox-right {float: right; width: 880px;}
.pagenav {background: #f9f9f9; border: solid 1px #e8e8e8;}
.pagenav li {border-bottom: dashed 1px #e8e8e8; margin: 5px; padding: 7px; text-align: center;}
.aattr1 {background: #f7fbfe; border: dashed 1px #0089d4; padding: 10px;}
.fenxiang {float: right;}
.prevnext li {width: 100%; margin-top: 20px;}

/* 打赏按钮样式 */
.donate-button-container button {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
border-radius: 5px;
cursor: pointer;
}
.donate-button-container button:hover {
background-color: #45a049;
}
/* 打赏弹窗样式 */
#donate-popup {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
display: flex;
justify-content: center;
align-items: center;
z-index: 9999;
}
.donate-popup-content {
background: white;
padding: 20px;
border-radius: 10px;
position: relative;
width: 300px;
}
.close {
position: absolute;
top: 10px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
.donate-qr-codes div {
text-align: center;
margin-top: 10px;
}
.donate-qr-codes img {
width: 150px;
height: 150px;
}



.web_ai_intro{color:#131212;font-size: 14px;}


@media (min-width:768px){
.wap{ display:none}	
}

@media (max-width:767px){
	body {
	background: #fff;
}
	#wrapper {
	margin: 0 auto;
	width: 100%;
}
#header {
	margin-top: -20px;
}
.clearfix{ clear:both;}
#navbox {
	background:#0089d4;
	display: block;
	height: 70px;
}
.navbar li {
	float: left;
	font: 14px/35px "微软雅黑";
	height: 35px;
	text-align: center;
	width: 25%;
}
li.navline{ display:none !important}
.navbar li:nth-last-child(2){ display:none !important}
.logo {
        background: url(logo.png) center;
        background-size: 100% 100%;
        display: block;
        float: left;
        height: 60px;
        width: 180px;
        margin-left: -46px;
    
}
#topbox {
	height: 60px;
}
#sobox {
	float: right;
	padding-top:0px;
}
.sipt {
	background: url(ipt.png) no-repeat top left;
	border: solid 1px #dadada;
	display: block;
	font: normal 13px/30px normal;
	float: left;
	height: 30px;
	padding: 0 5px 0 90px;
	width: 176px;
}
.sofrm {
	display: block;
	margin: 0px auto;
	padding-top: 14px;
	position: relative;
	width: auto;
}
.sbtn {
	background: #65bc0b;
	border: 0;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	height: 32px;
	width:50px;
	margin-right:3px;
}
#mainbox #mainbox-left {
	float: left;
	width: 100%;
}

.wdata {
	background: #fcfcfc;
	border-top: dotted 1px #dadada;
	border-bottom: dotted 1px #dadada;
	height: 80px;
	list-style: none;
	padding: 5px;
}
.wdata li {
	color: #9177aa;
	display: block;
	float: left;
	width:20%;
	padding: 0px 0px;
	text-align: center;
}
.line {
	border-right: solid 0px #ddd;
}
.wthumb {
	background: #fff;
	border: solid 0px #dadada;
	float: left;
	padding: 0px 0px 10px 0px;
	width: 100%;
	margin: 0%;
	height:auto;
}
.siteitem {
	margin-left: 0px;
}
.topsite {
	border: solid 1px #e8e8e8;
	float: none;
	padding: 0px;
	width: 99%;
	margin:0px auto;
	margin-top:0px !important;
	margin-bottom:10px;
	margin-right:0px !important;
}
.fbform {
	margin-left:0px;
}
.sitelist li .thumb {
	width:25%;
	height:75px;
}
.sitelist li .info {
	margin-left: 30%;
	width:69%;
}
.sitelist li .info p {

	height: 40px !important;
	line-height: 20px;
width: auto;
}
.sitelist li .info address {
	color: #080;
	font-size: 12px;
	padding: 0 10px 3px 0;
	position: absolute;
	top:63px;
}
.sitelist li .info h3 {

	font-size: 14px;
	height: 15px;
	line-height:17px;
	overflow: hidden;
}
.linkitem {
	margin-left: 0px;
}
.linkname {
	font: 18px "微软雅黑";
}
.atitle {
	font: normal 20px "微软雅黑";
}
.sitepath {
	margin:0% 1%;
}
#mainbox{margin:1%;}
#inbox {
margin:1%;
}
#catebox ul li {
	float: left;
	text-indent:0px;
	text-align:center;
	width: 24%;
}
#listbox h2 {
	color: #333;
	font-size: 14px;
	margin-bottom: 20px;
}
.content img{ max-width:100% !important; height:auto !important}

#mainbox-right {
    width: 100%;
}
#topbar {
display: none;
}

.rellist li {
    float: left;
    font-size: 12px;
    margin: 1px;
    padding: 10px 0px 0px 15px;
    text-align: center;
}
#pagebox-right {
    width: 100%;
}
#pagebox-left {
    width: 100%;
}
}