/* public */

body {width: 1000px;margin-right: auto;margin-left: auto;padding: 0px;margin-top: 0px;margin-bottom: 0px;background-color: #383838;font-size: 9pt;line-height: 160%;font-family: Arial, sans-serif;}
.page {background-image: url(../img/h10.gif);}
input {font-family: Arial, Helvetica, sans-serif;font-size: 12px;}

/* head */

.head {background-image: url(../img/h01.jpg);height: 93px;padding-top: 15px;padding-left: 15px; padding-right: 35px;}
.logo {float: left;width: 217px;}
.headbanner {float: left; padding-top: 20px;}
.headbannermore {float: left;padding-top: 20px;width: 60%;text-align: center;}
.toolbar, .toolbar a, .toolbar a:hover {color: #FFFFFF;text-decoration: none;}
.toolbar ul {padding: 0px;list-style-type: none;margin-top: 20px;margin-right: 10px;margin-bottom: 0px;margin-left: 0px;text-align: right;}
.toolbar, .headplayer {float: right;width: 10%;padding-left: 20px;}
.headplayer {float: right;width: 220px;padding-left: 20px;background-image: url(../img/h35.jpg);margin-top: 8px;}
.headplayer ul {margin: 0px;padding: 0px;list-style-type: none;}
.headplayer li {float: left;display: block;width: 22%;margin-top: 13px;text-align: center;}
.headplayer .playlist {clear: both;}
.headplayer .playlist select{width: 90%;font-size: 12px;}
.menu {width: 920px;margin-left: 40px;}
.menu ul {margin: 0px;padding: 0px;list-style-type: none;}
.menu li {float: left;text-align: center; font-size: 14px;}
.menu li a {background-image: url(../img/h09.gif);background-position: 92px;display: block;height: 23px;width: 92px;padding-top: 5px;color: #ffffff;text-decoration: none;}
.menu li a:hover {background-image: url(../img/h09.gif);background-position: 184px; }
.action { background-image: url(../img/h09.gif);background-position: 0px; height: 23px;width: 92px;padding-top: 5px;}


/* main */

.main {background-color: #ffffff;padding: 5px;width: 930px;margin-left: 20px;clear: both;background-image: url(../img/h12.gif);background-repeat: no-repeat;background-position: top;}
.main a {color: #004A80;text-decoration: none;}
.main a:hover {color: #000066;text-decoration: underline;}
.col1 {float: left;width: 930px;}
.col2 {float: left;width: 270px; }
.mainbanner {padding-top: 0px;padding-bottom: 3px; clear: both;}

.countlist {border: 1px solid #C3DEEA;width: 930px;float: left;margin-right: 6px;}
.playaction img {vertical-align: text-top;}
.playaction {border-top-width: 1px;border-top-style: solid;border-top-color: #C3DEEA;padding: 6px;background-color: #F3FBFF;clear: both;}
.playaction span { float: right;}
.download{text-align: right;}

.music {width:930px;float:left;}
.music li { float:left; width:229px; height:22px; padding-left:2px; BORDER-LEFT: 1px solid #C3DEEA; border-top : 1px solid #C3DEEA;OVERFLOW: hidden;}
 





.Menubox {width:100%;height:28px;line-height:28px;background-color: #6FA6C2;}
.Menubox ul{ margin:0px; padding:0px;}
.Menubox li{float:left;display:block;cursor:pointer;text-align:center;width:155px;font-size: 14px;color: #FFFFFF;background-image: url(../img/h26.gif);background-position: -161px;}
.Menubox li.hover{padding:0px;background:#fff;font-weight:bold;height:28px;line-height:28px;color: #004A80;background-image: url(../img/h26.gif);background-position: 0px;}
.Menubox sm {float:left;width:400px;}
.Contentbox{ clear:both; margin:0; text-align:left; }

.col2 h3 {color: #FFFFFF;margin: 0px;padding: 0px;font-size: 14px;}
.search, .help, .newsong, .newalbum {margin-bottom: 6px; }
.search {padding: 8px;background-color: #88D324;background-image: url(../img/h27.jpg);height: 87px;}
.search input {font-size: 14px;padding: 5px;}
.search a { color: #2B5500; text-decoration: none;}
.search a:hover {color: #ffffff;text-decoration: underline;}
.help {background-color: #0076A3;padding: 8px;color: #FFFFFF;}
.help ul {margin: 0px;padding: 0px;list-style-type: none;}
.help li {font-size: 12px;color: #FFFFFF;padding: 4px;border-top-width: 1px;border-top-style: solid;border-top-color: #3894B7;}
.search p, .help p {margin: 4px;padding: 0px;}
.newsong h3 {padding: 2px;background-color: #BA6EF0; padding-left: 9px;}
.newsong ol {padding: 0px;margin: 0px;background-color: #F7EDFE;border: 1px solid #BA6EF0;}
.newsong ol li {display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #E5D1F4;border-top-width: 1px;border-top-style: solid;border-top-color: #FFFFFF;padding-top: 3px;padding-right: 8px;padding-bottom: 3px;padding-left: 8px;background-image: url(../img/h18.gif);background-repeat: no-repeat;background-position: right;}
.newsong ol li a {color: #663399;text-decoration: none;}
.newsong ol li a:hover { color: #330033;text-decoration: underline; }

.newalbum h3 {padding-left: 9px;background-color: #F76EBF;margin-bottom: 10px;padding-top: 2px;padding-right: 2px;padding-bottom: 2px;}
.newalbum ul {line-height:100%;margin: 0px;padding: 0px;}
.newalbum li {list-style:none;line-height:20px;display:inline;float: left;margin-top: 0;margin-right: 15px;margin-bottom: 0;margin-left: 0px;}
.newalbum li a{ white-space:nowrap;}

.advertising {clear: both;}
.advertising h3{padding: 2px;background-color: #CCCCCC;padding-left: 9px;}

/* foot */

.foot {background-image: url(../img/h25.jpg);clear: both;height: 124px;}
.footnv {width: 600px;margin-right: auto;margin-left: auto; color: #FFFFFF;}
.footnv ul {margin: 0px;padding: 0px;}
.footnv ul li  {text-align: center;width: 100px;height: 30px;float: left;padding-top: 14px;}
.footnv ul li a {color: #FFFFFF; text-decoration: none;}
.footnv ul li a:hover {color: #FFFFFF; text-decoration: underline;}
.foot p {clear: both;text-align: center;margin: 0px;padding: 0px;color: #662400;}
.foot p a { color: #662400; text-decoration: none;}
.foot p a:hover { color: #ffffff; text-decoration: underline;}

/* MorePage */

.main h2 {font-size: 24px;color: #FFFFFF;background-image: url(../img/h33.gif);padding: 9px;margin: 0px;}
.sublist h4, .searchlist h4 {font-size: 14px;background-color: #DEEEF6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C0DAE5;padding: 2px;color: #003663;margin: 0px;text-align: left;}
.sublist { width: 99%; }
.col1left {float: left; width: 49%;}
.col1right {float: right;width: 49%;}
.searchlist { width: 100%; }
.sublist table, .searchlist table {width: 100%; border-collapse:collaps; border:0px; }
.sublist th, .searchlist th {text-align: left; padding: 3px;}
.sublist td, .searchlist td {padding: 3px;border-top-width: 1px;border-top-style: solid;border-top-color: #C3DEEA;}
.sublist select, .searchlist select {font-size: 12px;}

.topsong {margin-bottom: 6px;clear: both;}
.topsong h3 {padding: 3px;background-color: #FFE28A;padding-left: 9px;color: #7B2E00;}
.topsong ol {padding: 0px;margin: 0px;background-color: #FFFAF3;border: 1px solid #FFE28A;}
.topsong ol li {display: block;border-top-width: 1px;border-top-style: solid;border-top-color: #FEEBA7;padding-top: 3px;padding-right: 8px;padding-bottom: 3px;padding-left: 8px;background-image: url(../img/h28.gif);background-repeat: no-repeat;background-position: right;}
.topsong ol li a {color: #A0410D;text-decoration: none;}
.topsong ol li a:hover { color: #A0410D;text-decoration: underline; }

.datelist {border-width : 1px;border-style : solid;border-color : #FF665C;margin-bottom: 6px;}
.datelist h3 {padding: 2px;background-color: #F26522; padding-left: 9px; }
.datelist ul {padding-top: 1px;padding-right: 2px;padding-left: 2px;margin-top: 0px;margin-bottom: 3px;margin-left: 0px;}
.datelist ul li {border-bottom-style : dotted;border-width : 1px;border-bottom-color : #FFBA90;padding: 3px;width: 95%;}

.nextpage {padding: 6px;}
.nextpage ul {margin: 0px;padding: 0px;}
.nextpage ul li {background-color: #F3FCFF;border: 1px solid #C3DEEA;font-weight: bold;display: block;float: left;margin-right: 3px;margin-left: 3px;}
.nextpage ul li a {padding-top: 4px;padding-right: 6px;padding-bottom: 4px;padding-left: 6px;color: #004A80;text-decoration: none;}
.nextpage ul li a:hover {color: #FFFFFF;background-color: #004A80;text-decoration: none;}

/* PlayPage */

.col3, .musicplay {width: 306px;float: left;margin-right: 4px;}
.musicplay h3 {background-image: url(../img/h30.gif);height: 30px;color: #FFFFFF;padding: 4px;margin: 0px;}
.musicplay {background-image: url(../img/h31.gif);}
.musicplay p {padding: 0px;margin-top: 4px;margin-right: 14px;margin-bottom: 4px;margin-left: 14px;width: 260px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.musicplay b {padding: 0px;margin-top: 4px;margin-right: 14px;margin-bottom: 4px;margin-left: 14px;}
.musicplay ul {background-color: #FFFDE2;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #F7B848;border-bottom-color: #F7B848;margin-top: 0px;margin-right: 6px;margin-bottom: 0px;margin-left: 5px;padding-top: 5px;padding-right: 10px;padding-bottom: 5px;padding-left: 10px;list-style-type: none;}
.musicplay ul li{width: 270px;float: left;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow: hidden;}
.musicplay select {width: 100%;font-size: 12px;}
.downmp3 input {font-size: 14px;}

.best {clear: both;}
.col4 {width: 24%;float: left;margin-right: 4px;border: 1px solid #C0DAE5;}
.col4 h3 {font-size: 14px;background-color: #DEEEF6;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #C0DAE5;padding: 2px;color: #003663;margin: 0px;text-align: left;}
.col4 ol {list-style-type: none;margin: 0px;padding: 10px;}


/* AboutPage */

.aboutlist h3 {color: #336699;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #C0DAE5;margin-top: 10px;}
.aboutlist ul {list-style-position: inside;list-style-type: disc;margin: 0px;padding: 0px;}
.aboutlist ul li {padding: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DEEEF6;}
.text {padding-top: 10px;padding-right: 20px;padding-bottom: 20px;padding-left: 20px;}