*{padding:0;margin:0;}
a{color:#444;text-decoration:none;font-size:12px;outline:none;cursor:pointer;}
a:hover{color:#3C5981;text-decoration:underline;}
img{border:none;}
body{font-family:Verdana,"ËÎÌå";cursor:default; text-align:center;}

#bannerload{height:60px;width:468px; overflow:hidden; border:1px solid #F8F9FB; background:#E7EBF0;text-align:center; line-height:60px; font-size:20px; color:#C7CACF;}
#bd{ width:711px; height:447px; padding:15px; background:url(bg.png) !important;background:url(bg.gif); margin:80px auto 10px auto;position:relative;}
#bdl{ float:left; width:470px;padding-left:8px;}
#bdr{ float:right; width:209px; margin-top:150px;}
#site{ height:29px; overflow:hidden;}
#site h1{ font-size:14px; font-weight:normal; color:#3C5981; float:left; padding:0 0 0 25px;line-height:31px;overflow:hidden;}
#site span{ font-size:12px; float:right; margin:0 15px 0 0;line-height:31px;overflow:hidden;}
#site a{color:#666;}

#download h3 a{ width:170px; height:50px; width:209px; overflow:hidden; text-indent:-9999px; display:block;}

#links{ text-align:left; width:174px; height:160px; padding:70px 15px 0 20px; line-height:20px;}

#radio{ height:73px; overflow:hidden;}
#player{width:470px; height:50px;overflow:hidden;}
.name{ background:#E7EBF0;line-height:23px; height:22px; overflow:hidden; color:#444; text-indent:15px; margin:0 1px;border-bottom:1px solid #F8F9FB;cursor:default; width:468px;}
.name h2{ font-size:12px;text-indent:15px; float:left; font-weight:normal;}
.name h2 a{ color:#060;}
.ask{ float:right; text-align:right; padding-right:12px;}
.ask a{ font-size:12px;color:#666;}
.ask a:hover{ text-decoration:underline;color:#444;}

.main{ height:275px; width:470px; overflow:hidden;}
#left{ float:left; height:275px; width:159px; overflow:hidden; border-right:1px solid #C7CACF; background:#F8F9FB;}
#right{float:right; height:275px; width:310px;overflow:hidden;}

.ltop{ height:24px; border-bottom:1px solid #C7CACF; background:#E7EBF0;}
.ltop ul{ padding:3px 0 0 8px;}
.ltop li{ float:left; width:70px; height:20px; border-top:1px solid #E7EBF0; font-size:12px; color:#444; text-align:center;list-style:none; line-height:21px; overflow:hidden;cursor:pointer;}
.ltop li.on{width:68px; height:20px;border:1px solid #C7CACF; border-bottom:1px solid #F8F9FB; background:#F8F9FB; margin-bottom:-1px; position:relative;}

#type{ width:159px;overflow:hidden;}
#type ul{ margin:5px 10px 0 10px;}
#type li{ float:left; width:46px; height:20px;line-height:20px;overflow:hidden;display:block;text-align:center;list-style:none;}

.rt{ height:24px; border-bottom:1px solid #C7CACF; line-height:26px; background:#E7EBF0; overflow:hidden;}
.rt h2{ font-size:12px;text-indent:15px; float:left; color:#163A70;}
.rtset{ float:right; text-align:right; padding-right:15px;}
.rtset a{ font-size:12px; margin-left:8px;}

.list{ height:250px; width:310px;overflow-y:scroll;overflow-x:hidden;scrollbar-highlight-color:#F8F9FB;scrollbar-shadow-color:#F8F9FB;scrollbar-3dlight-color:#F8F9FB;scrollbar-arrow-color:#FFF;scrollbar-track-color:#F8F9FB;scrollbar-darkshadow-color:#F8F9FB;scrollbar-base-color: #E7EBF0; background:#F8F9FB;}
.list ul{ margin:1px;}
.list li{ list-style:none; height:24px; line-height:24px; border-bottom:1px solid #E7EBF0; overflow:hidden;cursor:default;}
.list ul li.out{background:#F8F9FB;}
.list ul li.over{background:#E7EBF0; border-bottom:1px solid #d9dee2;}

.sp1,.sp2,.sp3{display:inline-block;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sp1{padding-left:15px;width:125px;color:#999;}
.sp2{padding-left:10px;width:65px;color:#999;font-size:11px;font-family:Arial;}
.sp3{padding-left:10px; font-size:12px;color:#999;}
.sp3 a{font-size:12px;color:#999;}
.sp3 a:hover{ text-decoration:underline;color:#3C5981;}

#fav{ position:absolute; top:222px; left:198px; border:2px solid #8A9CB7; background:#F8F9FB; width:120px; height:30px;text-align:center; font-size:12px; color:#8A9CB7; line-height:30px; overflow:hidden;}

#search{ text-align:center;border-bottom:1px solid #e7ebf0; width:100%; margin:0 1px; overflow:hidden; padding:10px 0;}
#search input{ float:left; margin:0 3px 0 60px;border:1px solid #e7ebf0; border-top:1px solid #c7cacf;border-left:1px solid #c7cacf; background:#f3f5f7; padding:1px 5px 0 5px; width:128px; height:17px; font-size:12px; font-family:Arial,"ËÎÌå"; line-height:18px; color:#666;}
#search a{ float:left;border:1px solid #e7ebf0; border-top:1px solid #c7cacf;border-left:1px solid #c7cacf;background:#f3f5f7;color:#666;width:43px; height:18px; overflow:hidden; line-height:20px; text-decoration:none;display:block;}
#list p{ text-align:center; border-bottom:1px solid #e7ebf0;font-size:12px; font-family:Arial,"ËÎÌå";color:#999;padding:5px 0; background:#FFE;}

#textnickname {border:1px solid #c7cacf;color:#666;width:120px;height:18px;line-height:18px;}
#textmsg {border:1px solid #c7cacf;color:#666;width:160px;height:63px;line-height:18px;overflow:auto;}
#qmoon {border:1px solid #c7cacf; background:#f8f9fb; width:230px; height:125px; padding:8px; position:absolute;top:183px; left:133px; font-size:12px; z-index:10; color:#666; text-align:left;}
#qmoon a {line-height:23px;background:#c7cacf;padding:3px 5px;}
#qmoon .error {border:1px solid #C00;}

#skin { position:absolute;top:10px; right:20px;}
#skin li{float:left;display:block;cursor:pointer;margin-right:3px; background-image:url(theme.gif);}
#skin a{padding-top:10px; display:block;width:10px;height:0;overflow:hidden;}
#skin_1{background-position:0 0;}
#skin_2{background-position:-10px 0;}
#skin_3{background-position:-20px 0;}
#skin_4{background-position:-30px 0;}
#skin_5{background-position:-40px 0;}
#skin_6{background-position:-50px 0;}

#about{font-family:Verdana,"ËÎÌå";font-size:12px;color:#666;margin:0 auto 20px auto;line-height:16px;padding-right:235px;}
#about a{color:#666;}