#ad { margin: 5px 0 0; }
#ad img { border: 1px solid #369; }


#subNav .subMedia { text-align:center; }
#subNav .box { clear: both; margin: 5px 0 0; background: url("/html/images/default/sideBoxTop.gif") center 0 no-repeat; _background-position: center 1px; border-top: 1px solid #fff; overflow: hidden; }
#subNav .box h3 { float: left; display: inline; margin-left: 10px; padding: 0 10px 0; background: url("/html/images/default/sideBoxTitle.gif") right 0 no-repeat; font: bold 12px Verdana; color: #06c; height: 24px; overflow: hidden; line-height: 24px; *line-height: 28px; }
#subNav .box a.more { float: right; margin-right: 8px; padding: 5px 6px 0 0; background: url("/html/images/default/icon_more.gif") right 13px no-repeat; font: normal 11px Verdana; line-height: 18px; }
#subNav .box ul { clear: both; padding:10px 5px; border:1px solid #c1e0ff; border-top: none; }
#subNav .box ul li { line-height: 150%; color: #333; }
#subNav div.subAd { margin: 10px 0 0; }
#subNav div.subAd a.textLink { line-height: 180%; text-decoration: underline; }
#subNav div.subAd img { margin: 5px 0 0; width: 190px; }
#subNav div.subAd li a { /*background:url("/html/images/default/icon_dot.gif") -4px 2px no-repeat;*/ padding: 0 5px 0 8px; }
#subNav ul.navInfo{margin:10px 0 0;}
#subNav ul li{padding:0 5px;}
#subNav ul li.navinfoTopic a{text-decoration:underline;line-height:18px;}
#subNav ul li.navinfoDetails{color:#666;line-height:18px;}
#subNav ul li img.middle{padding:0 0 5px 0;}

div.search { margin: 3px 0 0; padding: 8px 20px 8px 139px; border: 1px solid #d5eaff; background: #f2f8f8 url("/html/images/default/searchBg.gif") 86px 4px no-repeat; }
div.search iframe { float: left; }
div.search #hotkeyword_div { float: right; width: 210px; height: 32px; line-height: 32px; overflow: hidden; }

.recommend { width: 778px; background: #fff url("/html/images/default/line.gif") 389px 0 repeat-y; border: 1px solid #bcda44; }
.recommend .box { width: 388px; }
.recommend h3 { margin: 0 1px 1px; padding-left: 15px; background: url("/html/images/default/mainMenu.gif") -10px -1px repeat-x; border-top: 1px solid #bcda44; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; height: 28px; line-height: 28px; }
.recommend h3.first { border-top: none; }
.recommend h3 a { color: #008000; }
.recommend h3 a.more { float: right; padding: 0 20px 0 12px; background: url("/html/images/default/bgMore.gif") 0 8px no-repeat; font: normal 11px Verdana; color: #fff; text-decoration: none; line-height: 28px; }
.recommend h3 a.more:hover { color: #fff; }
.recommend h3 a.more:visited { color: #fff; }
.recommend a:visited { color: #868686; }
.recommend a:hover { color: #f60; }
.recommend ul{ margin: 5px 10px; }
.recommend ul li a span, .recommend ul li a.city { padding-right: 10px; background: url("/html/images/default/icon_dot.gif") right center no-repeat; color: #008000; }
.recommend ul li { height: 24px; line-height: 24px; overflow: hidden; color: #666; }
.recommend ul li a { font-size: 14px; }
.recommend ul li.setTop { color: #f60; }
.recommend ul li.space { margin: 6px 15px 0; height: 6px; line-height: 0; border-top: 1px solid #eaeaea; font-size: 0; overflow: hidden; }
.recommend ul.gray { color: #999; }
.recommend ul li.more { height: 30px; background: url("/html/images/default/moreList.gif") center center no-repeat; *background-position: center 0; line-height: 28px; text-align: center; color: #008000; }
.recommend ul li.more span.commentIndex { display: block; float: left; margin-left: 20px; _margin-left: 10px; *line-height: 26px; }
.recommend ul li.moreFillSlot { padding: 0 10px; background: url("/html/images/default/moreFillSlot.gif") 10px center no-repeat; text-align: right; }
.recommend ul li.more a { font-size: 12px; color: #008000; }
.recommend ul li.more a:visited { color: #008000; }
.recommend h3.menuTab { margin-bottom: 0; padding-left: 5px; background: url("/html/images/default/boxTitle3.gif") repeat-x; border-bottom: none; height: 29px; }
.recommend h3.menuTab a.menuOn { display: block; float: left; margin: 0 5px; padding-left: 10px; background: url("/html/images/default/menuTabOn.gif") left 0 no-repeat; color: #008000; cursor: pointer; text-decoration: none; }
.recommend h3.menuTab a.menuOff { display: block; float: left; margin: 0 5px; }
.recommend h3.menuTab a.menuOn strong { display: block; padding-right: 10px; background: url("/html/images/default/menuTabOn.gif") right 0 no-repeat; line-height: 28px; }

.snsList { margin: 10px 0 0; padding: 2px; border: 1px solid #390; }
.snsReList { padding: 5px 10px; line-height: 150%; }

div.banner { margin: 10px 0 0; text-align: center; border: 1px solid #bcda44; padding: 5px 0; }
div.bannerIndex { margin: 5px 0 0; }
div.adcomp { margin: 5px auto; width: 960px;}

div.sns { margin: 10px 0 0; border: 1px solid #bcda44; }
div.sns h3 { margin: 1px; padding-left: 15px; background: url("/html/images/default/boxTitle.gif") repeat-x; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; height: 27px; line-height: 27px; }
div.sns h3 a { color: #008000; }
div.sns h3 a.more { float: right; padding: 0 20px 0 12px; background: url("/html/images/default/bgMore.gif") 0 7px no-repeat; font: normal 11px Verdana; color: #fff; line-height: 26px; }
div.sjNew { width: 488px; float: left; border-right: 1px solid #eaeaea; margin-right: 1px; }
div.sjHot { width: 488px; float: right; }
div.linkBbs { margin: 5px; padding: 10px 20px; background: #fffadc; }
div.linkBbs a { color: #390; }

ul.list{margin:3px 5px;}
ul.list li{padding:3px 5px;line-height:150%;border-bottom:1px solid #e7e3e7;font-family:Verdana;color:#666;}
ul.list li a.category{color:#787878;}
ul.list li span.reward{font-size:10px;color:#f00;}
ul.list li span.user{width:50px;}
ul.list li span.user a{color:#999;}
ul.list li span.num{width:60px;font:normal 10px Verdana;}
ul.list li span.order{padding:0 4px;background:#e4f1fe;border:1px solid #aedef2;color:#3a75b0;font:normal 10px Arial;}
ul.list li a.l img{margin-right:5px;padding:1px;border:1px solid #ccc;vertical-align:middle;}
ul.list li a.l:hover img{border:1px solid #666;}
ul.list li p{padding:5px;}
ul.singleLine li{height:18px;overflow:hidden;}
ul.listArrow li{padding:3px 5px 3px 18px;background:url("/html/images/community/icon_arrowRight.gif") 5px 8px no-repeat;}

.friendLink { margin: 10px 0 0; border: 1px solid #bcda44; }
.friendLink h3 { margin: 1px; padding-left: 15px; background: url("/html/images/default/boxTitle.gif") repeat-x; border-bottom: 1px solid #bcda44; font: bold 14px Verdana; color: #008000; line-height: 27px; }
.friendLink ul { margin: 20px 10px; }
.friendLink ul li { float: left; width: 100px; text-align: center; line-height: 150%; }

#guide { margin: 10px 0 0; border: 1px solid #9abdd3; }
#guide h3 { margin: 1px; padding: 0 10px 0 20px; background: url("/html/images/default/boxTitle2.gif") repeat-x; border-bottom: 1px solid #9abdd3; font: bold 14px Verdana; line-height: 27px; }
#guide h3 a.more { float: right; font: normal 12px Verdana; line-height: 27px; }
#guide div.indName { padding-left: 20px; background: #f4f8fb; border-top: 1px solid #dce6ef; border-bottom: 1px solid #dce6ef; }
#guide div.indName a { padding-left: 16px; background: url("/html/images/default/icon_arrow.gif") 0 center no-repeat; line-height: 24px; font-weight: bold; color: #008000; }
#guide div.noBor { border-top: none; }
#guide table { margin: 10px; text-align: left; }
#guide table td { padding: 1px 5px; width: 180px; }
#guide table td span.item { display: block; padding-left: 12px; height: 20px; line-height: 20px; background: url("/html/images/default/icon_dot.gif") 0 4px no-repeat; overflow: hidden; }
#guide table td span.item a.linkBbs { margin-left: 3px; padding: 0 8px; background: url("/html/images/linkBbsOff.gif") no-repeat; text-decoration: none; }
#guide table td span.item a.linkBbs:hover { background: url("/html/images/linkBbsOn.gif") no-repeat; }