@charset "utf-8";

#mainArea .mainBox .content .searchArea {margin-bottom:20px; overflow:hidden;}
#mainArea .mainBox .content .searchArea ul {float:left; list-style:none; overflow:hidden;}
#mainArea .mainBox .content .searchArea ul li {float:left; margin-right:5px;}
#mainArea .mainBox .content .searchArea ul li a {display:block; padding:2px 10px 4px; background:#eee; border-radius:3px;}
#mainArea .mainBox .content .searchArea ul li a:hover {color:#fff; background:#E6A200;}
#mainArea .mainBox .content .searchArea ul li a.on {color:#fff; background:#E6A200;}

#mainArea .mainBox .content .searchArea select {float:right; padding:1px; width:20%; font-size:13px;}

#mainArea .mainBox .content .mainArea {overflow:hidden;}
#mainArea .mainBox .content .mainArea .player {float:left; width:345px; }
#mainArea .mainBox .content .mainArea .list {float:right; width:360px; }

#mainArea .mainBox .content .mainArea .list .info {text-align:right; padding:10px 0; border-bottom:2px solid #E6A200;}
#mainArea .mainBox .content .mainArea .list .info span {font-size:11px; margin-right:20px;}

#mainArea .mainBox .content .mainArea .list ul {list-style:none;}
#mainArea .mainBox .content .mainArea .list li {padding:20px 15px; overflow:hidden;}
#mainArea .mainBox .content .mainArea .list li.line {border-top:1px solid #d9d9d9;}
#mainArea .mainBox .content .mainArea .list li .title {float:left; padding-left:15px; background:url(/customer/image/icon04.gif) no-repeat 0 2px;}
#mainArea .mainBox .content .mainArea .list li .title span { font-size:14px; font-weight:bold;}
#mainArea .mainBox .content .mainArea .list li .date {float:right; color:#b0b0b0; font-size:11px;}

#paging { padding:10px 0; width:100%; text-align:center; background:#eee;}
#paging a.page {margin:0 3px; padding:0 5px 2px;}
#paging span {margin:0 5px; padding:0 4px 2px; color:#fff; background:#b4b4b4; border-radius:3px;}
#paging img {margin:0 10px;}