﻿body { font-size:12px; margin:0; line-height:21px; font-family:"微软雅黑",tahoma;}
ul,li{ list-style:none; padding:0; margin:0;}
p { margin:0; padding:0;}
img { border:0;}
form{ margin:0; padding:0;}
a { text-decoration:none; color:#000000;}
a:hover { color:#FF0000; text-decoration:underline;}
.clear { clear:both;}
.fl { float:left;}
.fr { float:right;}
h1,h2,h3,h4,h5,h6{ margin:0;}
.main{
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left:25px;
}
.border {border:0px solid #679bc9;}

#top{ height:36px; background:#000000;color:#CCCCCC;}
#top .fl{ float:left; width:700px;height:36px; overflow:hidden;}
#top .fl #logo { float:left;font-size:25px; line-height:32px; color:#3eb1f0; padding-right:20px;}
#top .fl #top_link { float:left; font-size:14px; line-height:36px;}
#top .fl #top_link a{ color:#CCCCCC; padding-left:20px;}
#top .fl #top_link a.cur{ text-decoration:underline;color:#3eb1f0;}
#top .fl #top_link a:hover { color:#3eb1f0;}

#top .fr{ float:right;position:relative;}

#page-head-nav {padding-top:7px;}
#page-head-nav span { cursor:pointer;}
#page-head-nav span.line{ padding:0 5px; color: #666666; cursor:auto;}
#page-head-nav span.setting {position:relative;padding:0 0 0 23px;background:url(images/top_nav/skin.png) 0px -1px no-repeat;}

#setting-popup {position:absolute;top:36px;right:-15px;background:url(images/top_nav/setting-bg.png) top center no-repeat;width:265px;height:287px;z-index:10;padding:0 10px 0 15px;color:#fff;display:none;}
#setting-popup .close {cursor:pointer;position:absolute;right:20px;top:15px;width:15px;height:15px;background:url(images/top_nav/close.png);}
#setting-popup .close:hover {background:url(images/top_nav/close-hover.png);}
#setting-popup .img-bg {width:240px; height:160px; padding:30px 0 20px 12px;overflow:hidden;}
#setting-popup .img-bg li {float:left;border:1px solid #fff;margin:7px;cursor:pointer;}
#setting-popup img {display:block;width:63px;height:38px;}
#setting-popup .pure-color-bg {clear:both;overflow:hidden;padding:0px 0 20px 12px;}
#setting-popup .pure-color-bg li {float:left;width:23px;height:23px;border:1px solid #fff;margin:0 7px;cursor:pointer;}
#setting-popup .tile-num {padding:0 0 0 7px;margin:8px 0 0 0;}
#setting-popup .newtab {padding:0 0 0 7px;margin:8px 0 0 0;}
#setting-popup .selected {position:relative;}
#setting-popup .change {position:absolute;background:#333;-wekit-opacity:0.9;color:#fff;bottom:2px;right:2px;padding:0 3px;}



#here {height:35px; line-height:35px;padding:10px 0 10px 0;}
#here a{}
#here em{ font-style:normal; padding:0 5px;}
#here .here { padding-left:45px;background:url(images/here.png) no-repeat 22px center;}
#so        {width:120px; padding:0 10px; border:0; height:29px; line-height:29px; color:#CCCCCC;margin:0; display:block; float:left;background:url(images/search.png) no-repeat 0 0;}
#so.inputlater{color:#000000;}
#so_t{ border:0; width:50px;height:29px;padding:0; margin:0;background:url(images/search.png) no-repeat right 0; cursor:pointer;display:block; float:left;}

#func { height:27px;background:#eff4fa; line-height:25px;}
#func .fl { padding-left:20px;}
#func .fl a{ display:inline; float:left; background:#fff; border:1px #cccccc solid; border-bottom:0; margin-right:5px; width:28px; text-align:center;}
#func .fl a.cur{ background:#48a3ce; color:#FFFFFF;border:1px #48a3ce solid;border-bottom:0;}

#func .fr {padding-right:20px;}
#func .fr a{ display:block; float:right;border:1px #cccccc solid; border-bottom:0;margin-left:5px; width:75px; padding-left:5px;text-align:center;}
#func .fr a.up  {background:url(images/list_order.gif) no-repeat 5px -142px #48a3ce; color:#FFFFFF}
#func .fr a.down{background:url(images/list_order.gif) no-repeat 5px -92px #fff;}
#func .fr a.normal1 {background:#48a3ce;color:#fff; width:50px; padding:0;}
#func .fr a.normal2 { background:#ffffff;width:50px; padding:0;}
#func .fr a:hover { text-decoration:none;}

#Info{padding:20px; background:#FFFFFF; position:relative;}
#Info .t { height:36px; line-height:25px;}
#Info .t strong{font-size:14px;}
#Info .t span{ color:#CCCCCC; padding-left:5px; cursor:help;}
#Info .c{ padding:10px;background:#f9f9f9;border:1px #e3e3e3 solid;}
#Info .a{ position:absolute; top:45px; left:70px;background:url(images/ico_list_1.png) no-repeat 0px -92px; width:18px; height:12px;}


#ImgList{ background:#FFFFFF;}
#ImgList #t1 { height:21px;background:url(images/show_type.png) no-repeat -4px 4px; padding-left:20px; margin:0 40px 10px 0; border-bottom:1px #e3e3e3 solid;}
#ImgList #t2 { height:21px;background:url(images/show_type.png) no-repeat -4px -16px; padding-left:20px; margin:0 40px 10px 0; border-bottom:1px #e3e3e3 solid;}
#ImgList #t2.t3{ margin-top:20px;}
#ImgList #t2 div{ float:right; padding-right:20px;background:url(images/show_type.png) no-repeat right -37px; cursor:pointer;}

#index_tags{position:relative; left:20px; top:0px;}
#index_tags a{display:inline-block;width:220px;height:165px;margin:0 20px 20px 0;position:relative;text-decoration:none; float:left; background:#d1e9ff; text-align:center;}
#index_tags a:hover{zoom:1;z-index:20;text-decoration:none}
#index_tags span.ads{display:inline-block;width:220px;height:158px;margin:0 20px 20px 0;position:relative;text-decoration:none; float:left; background:#d1e9ff; text-align:center; padding-top:7px;}

#index_tags a td{ height:125px; vertical-align:middle;}
#index_tags a img{}
#index_tags a .imgbg{position:absolute;left:0;top:0;width:220px;height:165px;}

#index_tags a p{position:absolute;width:100%;bottom:0;left:0;background:#333;border-top:1px solid #222;height:15px;line-height:15px; overflow:hidden;color:#fff;cursor:pointer; text-align:center; font-family:Times, serif;}
#index_tags a p.fold{opacity:.6;filter:alpha(opacity=60);}
#index_tags a p.lockon{ width:15px; height:19px; left:auto;right:0; top:3px; background:url(images/pwd.gif) no-repeat 0 0;border:0;}
#index_tags a p.imgnum{ height:19px;left:3px; top:133px;background: none;border:0; color:#999999; text-align:left;}

#index_tags a div.bg_wrapper{position:absolute;left:-5px;top:-5px;width:233px;height:175px;border:1px solid #cad9ee;background:#fff;visibility:hidden;-webkit-transition:-webkit-transform 0s ease-in;-moz-transition:-moz-transform 0s ease-in;-o-transition:-o-transform 0s ease-in;transition:transform 0s ease-in}
#index_tags a div.bg_wrapper div{margin:4px;background:#666;width:224px;height:166px}

#index_tags a:hover div.bg_wrapper{visibility:visible;*visibility:hidden;visibility:hidden \0}
#index_tags a:hover div.bg_wrapper.left{-webkit-transform:rotate(6deg) translate(6px,-1px);-moz-transform:rotate(6deg) translate(6px,-1px);-o-transform:rotate(6deg) translate(6px,-1px);-transform:rotate(6deg) translate(6px,-1px)}
#index_tags a:hover div.bg_wrapper.right{-webkit-transform:rotate(-5deg) translate(-5px,1px);-moz-transform:rotate(-5deg) translate(-5px,1px);-o-transform:rotate(-5deg) translate(-5px,1px);-transform:rotate(-5deg) translate(-5px,1px)}
#index_tags a:hover .imgbg{left:-5px;top:-5px;padding:4px;border:1px solid #cad9ee;-moz-box-shadow:1px 1px 3px #888;-webkit-box-shadow:1px 1px 3px #888;box-shadow:1px 1px 3px #888}
#index_tags a:hover p{text-decoration:none;}
#index_tags.hover_disable div.bg_wrapper{display:none;}



#ImgTitle { background:#FFFFFF;}
#ImgTitle h1{ text-align:center; display:block; padding:25px 10px 10px 10px;background:url(Images/line.jpg) no-repeat center bottom; height:40px;}

#SongSongimg { background:#FFFFFF;}
#SongSongimg-title-m { padding:0px 10px; text-align:center; color:#666666; height:35px;}
#SongSongimg-info { padding:10px 35px;color:#009900;}
#SongSongimg-date { text-align:right; padding:5px 50px 20px 0;}
#SongSongimg-date span{ color:#FF0000; font-size:18px;}

#SongSongimg-show{ text-align:center;padding:10px;}
#SongSongimg-show a{}
#SongSongimg-show a img{FILTER:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}
#SongSongimg-show a:hover img{FILTER:alpha(opacity=100);-moz-opacity:1; opacity:1;}



#footer{clear:both;text-align:center; position:relative; background:#eff4fa; padding:15px 0; margin-bottom:50px;}
#footer a{}










#page { background:url(images/page.png) no-repeat 10px 10px; margin-top:40px;padding-left:30px;color:#000000;height:45px; line-height:35px;border-top:1px solid #cccccc;} 
#page span {padding:0px 6px; display:block; float:left;}
#page span.cur{ color:#ff0000; font-weight:bold; font-size:16px;}
#page a{ color: #006600; text-decoration:none;outline:none;}
#page a:hover { color: #00CC00;}
input.go { width:20px; text-align:center; margin:0; padding:0; height:15px; line-height:15px;border:0;border-bottom:1px #000 solid; color:#000; vertical-align:middle;}


#Kefu_R{float:left; width:186px; border:1px #4dc236 solid;background:overflow:hidden;height:400px;filter: Alpha(Opacity=90);background:#fafafa;}
#Cate {width:186px; overflow:hidden;overflow-y:scroll; height:400px;}
#Cate_top {background:#4dc236; padding:10px 0 5px 0;}
#Cate_top a{ color:#fff;}
#Cate_top img { vertical-align:middle;}
.dtree {white-space:nowrap;line-height:18px; margin:0 0 0 0px; font-size:12px; padding:10px 5px;}
.dtree img {border: 0px;vertical-align: middle;}
.dtree i{ font-style:normal; font-weight:bold; color:#FF0000; font-size:14px;}
.dtree b { padding-right:20px;background:url(images/pwd.gif) no-repeat right 1px; font-weight:normal; color: #009900;}
.dtree u { padding-right:20px;background:url(images/pwd.gif) no-repeat right -24px; text-decoration:none;}
.dtree i{ font-weight:normal; font-size:12px; color:#009900;}
.dtree a.node, .dtree a.nodeSel {white-space: nowrap;padding: 0px 2px;}
.dtree a.node:hover, .dtree a.nodeSel:hover { color:#ff0000;}
.dtree a.nodeSel {color:#ff0000;}
.dtree .clip {overflow: hidden;}







#root { WIDTH: 230px; height:60px; padding:10px 10px 10px 60px; line-height:30px; border:5px #ff0000 solid; background:url(images/qs.png) no-repeat 0 8px;POSITION: absolute; background-color:#ddd;Z-INDEX: 999;} 
#root_close{ position:absolute; top:0px;right:2px; cursor:pointer;}
#root_qs{ color:#FF0000;}
#root_qs img { vertical-align:middle; margin-left:5px;}
#txtBrowse{ background:none; border:0; border-bottom:1px #000000 solid; width:120px;}
#btnEnter{position:absolute; top:17px;right:5px; cursor:pointer; width:50px; height:50px;}



#idContainer{background:center no-repeat; margin:0 auto;}

#tool {background:#E6F9F1; height:59px; position:relative; margin:1px;}
#toolc{ position:absolute; left:50%; margin-left:-430px;}
#tool img { display:inline; float:left; margin-left:1px; cursor:pointer;FILTER:alpha(opacity=70);-moz-opacity:0.7; opacity:0.7;}
#tool img:hover { display:inline; float:left; margin-left:1px; cursor:pointer;FILTER:alpha(opacity=100);-moz-opacity:1; opacity:1;}


