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

html { height:100%; overflow:hidden;}
body { height:100%; overflow:hidden; background:#fff;}
body { scrollbar-face-color: #494949;
        scrollbar-highlight-color: #545454;
        scrollbar-shadow-color: #545454;
        scrollbar-3dlight-color: #303030;
        scrollbar-arrow-color: #000;
        scrollbar-track-color: #666666;
        scrollbar-darkshadow-color: #000000;
        scrollbar-base-color: #d7dce0;
        }

.clear { height:0px;line-height:0px;font-size:0px;overflow:hidden; clear:both}

.side { position:absolute; left:0px; top:0px; bottom:0px; width:160px; overflow:auto; background: #252525;}
.side { *height:100%; *float:left; *width:160px; *position:relative; *top:0; *right:0; *bottom:0; *left:0; }

#logo{ width:92px; height:49px; background:url(/images/system/logo.jpg) no-repeat; margin:20px 0px 20px 30px;}
.side a{ color:#958875; text-decoration:none;}
.side a:hover{ color:#FF6600;text-decoration:underline;}
.side a:visited{ color:#958875; text-decoration:none;}
.side dl { padding-right: 0px;padding-left: 0px; padding-bottom: 0px;margin: 0px auto;padding-top: 0px;border-bottom: #333333 1px solid}
.side dt { padding-right: 0px;padding-left: 20px;font-weight: bold; padding-bottom: 0px;color: #c89405;line-height: 23px;padding-top: 0px;  height: 22px}
.side dt.add { padding-right: 0px; padding-left: 20px; font-weight: bold; padding-bottom: 0px;color: #c89405;padding-top: 0px;height: 22px}
.side dt.none {}
.side dd {padding-right: 0px;padding-left: 34px;padding-bottom: 0px;color: #666; line-height: 22px;  padding-top: 0px;height: 22px}
.side dt.on a { color: #f60}
.side dt.on a:visited { color: #f60}
.side dd.on a { color: #f60}
.side dd.on a:visited { color: #f60}

.xy {height:100%; width:100%; overflow-y:auto;overflow-x:hidden}

.main { position:absolute; left:180px; top:0px; bottom:0px; right:0px; overflow:auto;}
.main { *height:100%; *margin-left:167px; *position:relative; *top:0; *right:0; *bottom:0; *left:0; }

#left {float:left; width: 508px; border-right: 1px solid #fbeddb;}
#right {float:left; width: 250px;}
#copyright {float:left;padding-top: 10px;padding-bottom: 20px;color: #666;}
#copyright p {line-height:22px;}
#copyright a {color: #666;}

#list1 li img {width: 100px;height: 100px;}
#list1 li {text-align: center;}
#list1 a {text-decoration: underline;}
#list1 .hidden {overflow:hidden;width: 100px;line-height:20px;height: 20px;margin-top: 8px;}

#list3 {margin-left: 15px; font-size:14px; font-weight: bold;margin-bottom: 10px;color: #f60;}
#list3 img {vertical-align: top;}

#list4 { font-size:14px; font-weight: bold;margin-bottom: 10px;margin-top: 15px;}
#list4 span {font-weight: normal;color: #666;font-size:12px; }
#list4 span a{color: #666;}
#list4 span {line-height:35px;height:35px;}
#list4 div {padding-bottom: 3px;padding-top:3px;border-top: solid 1px #940F04; border-bottom: solid 1px #940F04; width:728px}

#list5 {width: 100%;}
#list5 ul {float:left;width:100%;border-bottom:1px solid #fbeddb;}
#list5 li {float:left; line-height:120px; height:120px;padding: 0px 10px 0px 10px;margin-top: 10px;overflow:hidden;}
#list5 li img {width:100px; height:100px;}
#list5 .w1 {width: 30%;}
#list5 .w2 {width: 42%;text-align: center;}

#list6 {margin-top: 10px;}
.list6, .list7 {margin-top: 10px;}
.list7 {width: 750px;}
.list7 a {margin: 0px 5px 0px 5px;display:inline-block;}

.site5 { width:100px; padding:5px; border:1px solid #e5e5e5; margin:2px 12px 2px 0px; float:left;}
.mc5 { width:100px; padding:5px; margin:2px 12px 2px 0px; border:1px solid #ff0054; float:left; color:#333;}

.hot{ font:9px verdana;	font-size:9px;font-weight:bold; color:#f60; line-height:13px;}
.pdt15 {float:left;padding-top: 15px;}
.pdb10 {padding-bottom: 10px;font-size: 14px;line-height:21px;font-weight: bold;padding-left: 25px;background:url(/images/system/pin.gif) left top no-repeat;}
.mb10 {margin-bottom: 10px;}

.list21{ float:left;width:240px;padding-top: 15px;border-bottom: 1px solid #fbeddb}
.likes{ padding-left:2px; text-align:left; padding-bottom:5px;}
.likes li{line-height:28px;height:28px; background:url(/images/system/neisan.gif) left center no-repeat;}
.list21left {float:left;width: 175px;overflow:hidden;padding-left: 20px;line-height:28px;height:28px;}
.list21right {float:right;width: 40px;line-height:28px;height:28px;}

.fl{float:left;}
.fr{float:right;}

.tabs {float:left;width:240px;height:auto;margin-left: 10px;}
.tabs dt{width:240px;float:none;height: 25px;line-height:25px;}

.tabs dt li{height: 25px;line-height:25px;width:150px;float:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;list-style-type:circle}
.tabs dt li a{ width:150px;color:#000;}
.tabs dt li a:hover{ width:150px;color:#000;}

.tabs dt span{float:right; color:#666;  padding-right:6px;}
.tabs dt span a{color:#039;}
.tabs dt span a:hover{color:#c30;}
.tabs dd { padding-left:40px;margin-bottom: 8px;}

.selectTab{background:#fff;border-top:3px solid #ff6600;padding-top: 5px;}
.selectTab a{color:#ff6600;}
.selectTab a:hover{	color:#ff6600;}
.unselectTab {}
.selectContent {background:#fff;}
.unselectContent {display: none;}
.viewimage {padding-left: 10px;}
.showimages {padding:3px; border:1px solid #e5e5e5;}
.viewcomments {padding: 12px; text-align:left;font-size:14px;text-indent: 2em;}

.tagslist {height: 25px;line-height:25px;display:inline-block;}
.tagslist a{margin-right: 10px;margin-left: 10px;font-size:14px;}
.tagslist em {color: #666;font-size:11px;}

.toppic{margin-left:-37px;	border:3px solid #ff6600; width:100px; height:100px;}

a.site6:link { float:left;padding:3px; border:1px solid #e5e5e5;}
a.site6:visited { float:left;padding:3px; border:1px solid #e5e5e5;}
a.site6:hover { float:left;padding:3px; border:1px solid red;}

.list5bg1 {background-color: #fff;}
.list5bg2 {background-color: #fdf7ef;}

#pages {padding: 8px 0px; float:left;font-size:12px;width:100%;}
#pages a ,#pages span {float: left;display:block;margin-right:4px;padding: 0px 4px;line-height:20px;font-weight:normal}
#pages a, #pages a:link {text-decoration: none;border: 1px solid #06c;color: #06c;background-color: #fff;}
#pages a:visited {text-decoration: none;border: 1px solid #06c;color: #06c;background-color: #fff;}
#pages a:hover {border: 1px solid #333;color: #333;background-color: #fff;}
#pages span.current {font-weight: bold;border: 1px solid #333;color: #333;background-color: #fff;}
#pages span.extend {color: #333;border: 1px solid #333;background-color: #fff;}

#tags {font-size:12px;font-weight:bold;}
#tags a {font-size:12px; color:orangered;padding: 0px 8px;}
#tagsbox {width:97%;}

#search {text-align:left; height:100px; line-height:20px;}
#search .i {width:150px;border: 1px solid #7e9db9;height: 21px;line-height: 20px;margin-right: 5px;}
#search .s {font-size:12px;height:21px;padding:1px 10px;*padding:1px 5px;border:1px solid;border-color:#ddd #264f6e #264f6e #ddd;background:#000;color:#fff;text-align:center;line-height:17px;letter-spacing:1px;}
#search .s {cursor:pointer;margin-bottom:0px;*margin-bottom:1px;}
#search #sbb {font-size:12px;width:62px;height:21px;padding:1px 10px;*padding:1px 5px;border:1px solid;border-color:#ddd #333 #333 #ddd;background:#666;color:#fff;text-align:center;line-height:17px;letter-spacing:1px;}
#search #sbi {width:100px;border: 1px solid #ccc;height: 18px;line-height: 20px;margin-right: 5px;background-color: #666;color:#fff}
#search #sbb {cursor:pointer;margin-bottom:0px;*margin-bottom:1px;}